/*---DEFAULT STYLING---*/
html {scroll-behavior: smooth;}
/*margins*/
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-35 {margin-top: 35px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-45 {margin-top: 45px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-55 {margin-top: 55px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-65 {margin-top: 65px !important;}
.mt-70 {margin-top: 70px !important;}
.mt-75 {margin-top: 75px !important;}
.mt-80 {margin-top: 80px !important;}
.mt-85 {margin-top: 85px !important;}
.mt-90 {margin-top: 95px !important;}
.mt-95 {margin-top: 95px !important;}
.mt-100 {margin-top: 100px !important;}
/*----*/

/*fonts*/
h1,h2,h3,h4,h5,h6  {font-family: 'Squada One', cursive; }
p,li,a {font-family: 'Rubik', sans-serif;}
/*----*/

/*colors*/
.green {color: #46c511;}
.white {color: #ffffff;}
.dark {color:#071013;}
.main-color {color:#89cff0;}
.secondary-color {color: #ff6100;}
.tertiary-color {color: #f36815;}
.light-color {color: #ffdeba;}
.red {color:#ff3131;}
.purple {color: #744899;}
.yellow {color: #e2dc16;}
.dark2 {color: #4a4216;}
.second {color: #8b8b8b;}
.third {color: #d98d42;}
/*----*/

/*default spacing*/
.container {padding-top: 20px; padding-bottom: 50px;}
.row {margin-top:20px; margin-bottom: 20px;}
section {padding-top: 50px; }
/*----*/

/*text-styling*/
.text-center {text-align: center;}
.text-normal {font-weight: 300;}
.text-normal {font-weight: 400;}
.text-bold {font-weight: bold;}
.text-left {text-align: left;}
.text-italic {font-style: italic;}
.text-huge {font-size: 90px;}
.text-huge2 {font-size: 130px;}
.text-small {font-size: 15px;}
.text-medium {font-size: 20px;}
.tetxt-justify {text-align: justify;}
h1 {font-size: 45px; margin-bottom: unset; line-height: 1.1;}
h2 {font-size: 40px;}
h3 {font-size: 35px;}
h4 {font-size: 30px;}
h5 {font-size: 25px; margin-bottom: unset;}
h6 {font-size: 23px}
p {font-size: 18px; font-weight: 300;}

/*video*/
.video-center {display: block; margin: auto; max-width: 100%; max-height: 100%;}
/*----

/*image*/
.img-center {display: block; margin: auto; max-width: 100%;}
/*----