@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;outline:none!important}ol,ul{list-style:none;padding:0;margin:0}body{min-height:100vh;overflow-x:hidden;background:linear-gradient(#2b1055,#7597de)}header{position:absolute;top:0;left:0;width:100%;padding:30px 170px;display:flex;justify-content:space-between;align-items:center;z-index:1000}header .logo{color:#fff;font-weight:700;text-decoration:none;font-size:2em;text-transform:uppercase;letter-spacing:2px}header ul{display:flex;justify-content:center;align-items:center}header ul li{list-style:none;margin-left:20px}header ul li a{text-decoration:none;padding:6px 15px;color:#fff;border-radius:20px;text-transform:uppercase;font-weight:700}header ul li a:hover,header ul li a.active{background:#fff;color:#2b1055}section{position:relative;width:100%;height:100vh;padding:100px;display:flex;overflow:hidden}section img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}section img#moon{mix-blend-mode:screen}.sec{position:relative;padding:100px;background:#1c0522}.slider__one:after{content:'';position:absolute;margin:0;bottom:0;width:100%;height:100px;background:linear-gradient(to top,#1c0522,transparent);z-index:1000}.sec h2{font-size:4.5em;margin-bottom:60px;color:#fff;display:flex;justify-content:center;letter-spacing:5px;text-shadow:10px 10px 0 rgb(1 1 0/30%)}.sec p{font-size:1em;color:#fff}.slider{min-width:0;margin-top:20px}.slider img{max-width:120px;margin:0 30px;border-radius:1.5em}.slider-for img{max-width:400px;border-radius:1em}.slider-nav{padding:0 420px}.about{background-color:#1c0522;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff;gap:25px;padding:150px 30px}.about h2{font-size:45px;font-weight:800}.about ul li{font-size:25px;margin-bottom:25px;font-weight:400}.about ul li:last-child{margin-bottom:0}footer{position:relative;padding:50px;background:#1c0522}.footer__container{display:flex;justify-content:space-around}.footer__item a{text-decoration:none;font-size:30px;text-transform:uppercase;color:#fff;border-bottom:1px solid #fff}.footer__item a:hover{transition:1s;border-bottom:1px solid #ff6493}.footer__social h3{font-size:30px;color:#fff}.footer__social ul{position:relative;display:flex;flex-direction:column;gap:5px;max-width:fit-content}.footer__social ul li{position:relative;list-style:none}.footer__social ul li a{display:flex;position:relative;text-decoration:none}.footer__social ul li a{font-size:20px;letter-spacing:2px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5)}.footer__social ul li a:before{content:attr(data-text);position:absolute;color:var(--clr);width:0;overflow:hidden;transition:1s;border-right:2px solid var(--clr);-webkit-text-stroke:1px var(--clr)}.footer__social ul li a:hover:before{width:100%}@media (max-width:576px){header{padding:20px 15px}header .logo{font-size:.8em}header ul a{font-size:.8em}.sec{padding:20px}.sec h2{font-size:15px;padding:20px}.slider-for img{max-height:350px}.slider__item{width:90px}.slider img{max-height:100px}.slider-nav{padding:10px 15px}.about{padding:100px 30px}.about h2{font-size:15px}.about ul li{font-size:15px}footer{padding:25px}.footer__item a{font-size:15px}.footer__social h3{font-size:15px;margin-bottom:10px}.footer__social ul li a{font-size:10px}.slider__one:after{content:'';position:absolute;margin:0;bottom:0;width:100%;height:100px;background:0 0;z-index:1000}}@media (min-width:768px){header{padding:20px 15px}header .logo{font-size:.8em}header ul a{font-size:.8em}.sec{padding:20px}.sec h2{font-size:25px;padding:20px}.slider-for img{max-height:350px}.slider__item{width:100px}.slider img{max-height:100px}.slider-nav{padding:10px 15px}.about{padding:100px 30px}.about h2{font-size:25px}.about ul li{font-size:15px}footer{padding:25px}.footer__item a{font-size:15px}.footer__social h3{font-size:15px;margin-bottom:10px}.footer__social ul li a{font-size:10px}}@media (min-width:992px){header{padding:20px 15px}header .logo{font-size:.8em}header ul a{font-size:.8em}.sec{padding:20px}.sec h2{padding:20px}.slider-for img{max-height:350px}.slider__item{width:100px}.slider{margin-top:55px}.slider img{max-height:100px}.slider-nav{width:30%;margin-right:auto;margin-left:auto}.about{padding:100px 30px}.about h2{font-size:35px}.about ul li{font-size:25px}footer{padding:25px}}@media (min-width:1200px){header{padding:30px 170px;font-size:1.5em}.slider-nav{padding:0 120px}.slider-for img{max-height:750px}.sec h2{font-size:35px}.footer__item a{font-size:25px}.footer__social h3{font-size:25px}.footer__social ul li a{font-size:20px}}@media (min-width:1400px){.slider-nav{width:40%;margin-left:auto;margin-right:auto}.slider-for img{max-height:750px}}