@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600&display=swap");*{font-family: 'Poppins', sans-serif; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; outline: none; border: none; text-transform: capitalize; -webkit-transition: all .2s linear; transition: all .2s linear; /* cursor: url(/brush.png), auto; */}section{padding: 2rem 9%;}html{font-size: 62.5%; overflow-x: hidden;}.header{position: -webkit-sticky; position: sticky; top: 0; left: 0; right: 0; z-index: 1000; background: rgb(255, 255, 255); -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 8%; justify-content: space-between; height: 75px;}/* .header .logo{font-size: 2.5rem; color: #333; font-weight: bolder; margin-right: auto;}*/.header .navbar ul{list-style: none;}#nav{margin-bottom: none;}.header .navbar ul li{position: relative; float: left;}.header .navbar ul li:hover ul{display: block;}.header .navbar ul li a{font-size: 2rem; font-weight: bold; color: rgb(0, 0, 0); padding: 2rem; display: block; background-color: rgb(255, 255, 255);}.header .navbar ul li a:hover{background: #eee;}.header .navbar ul li ul{position: absolute; left: 0; width: 20rem; background: #fff; display: none;}.header .navbar ul li ul li{width: 100%;}.header .icons div,.header .icons a{font-size: 2.5rem; color: rgb(0, 0, 0); cursor: pointer; margin-left: 2rem;}.header .icons div:hover,.header .icons a:hover{color: #000000;}#menu-btn{display: none;}@-webkit-keyframes fadeIn{0%{-webkit-transform: translateY(3rem); transform: translateY(3rem); opacity: 0;}}@keyframes fadeIn{0%{-webkit-transform: translateY(3rem); transform: translateY(3rem); opacity: 0;}}.footer{background-color: #484848; /* background-image: linear-gradient(180deg, #52ffae 25%, #FFE32C 100%); */}.footer .box-container{display: -ms-grid; display: grid; -ms-grid-columns: (minmax(25rem, 1fr))[auto-fit]; grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); gap: 1.5rem;}.footer .box-container .box h3{font-size: 2.6rem; font-weight: bold; color: rgb(255, 255, 255); padding: 1rem 0;}.footer .box-container .box a{display: block; font-size: 3rem; font-weight: bold; color: rgb(255, 255, 255); padding: 1rem 0;}.footer .box-container .box a:hover{color: #00ff26;}.footer .box-container .box a:hover i{padding-right: 2rem;}.footer .box-container .box a i{color: #00ff08; padding-right: .5rem;}.footer .box-container .box p{font-size: 1.5rem; color: #666; margin-bottom: 1rem;}.footer .box-container .box form input[type="email"]{width: 100%; padding: 1rem 1.2rem; border-radius: .5rem; background: #eee; font-size: 1.6rem; text-transform: none; margin: .5rem 0;}.footer .credit{text-align: center; padding: 1rem; padding-top: 2.5rem; margin-top: 2.5rem; font-size: 2rem; color: #666; border-top: 0.2rem solid #333;}.footer .credit span{color: #e84393;}@media (max-width: 1280px){.header{padding: 0 2rem;}section{padding: 2rem;}}@media (max-width: 770px){.header{padding: 2rem;}#menu-btn{display: inline-block;}.header .navbar{position: absolute; top: 99%; left: 0; right: 0; background: #fff; -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}.header .navbar.active{-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}.header .navbar ul li{width: 100%;}.header .navbar ul li ul{position: relative; width: 100%;}.header .navbar ul li ul li a{padding-left: 4rem;}.footer .box-container .box a{font-size: 2rem;}@media (max-width: 450px){.footer .box-container{grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));}}