@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;list-style:none;margin:0;padding:0;text-decoration:none}body{background-color:#080827;background-color:#02022b;color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}.header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px 30px}.logo h1{color:#fff;font-size:33px;font-weight:700;margin-left:20px}.logo h1 span{color:#9acd32}.navbar{margin-left:260px}.navbar ul{align-items:center;display:flex;gap:20px;list-style:none;margin:0;padding:0}.navbar ul li a{color:#fff;cursor:pointer;font-size:19px;font-weight:450}ul li a:hover{filter:drop-shadow(0 0 10px blue);text-decoration:underline}.header .button{margin-right:30px}.header .button .btn{background-color:initial;border:2px solid #fff;border-radius:12px;box-shadow:0 0 12px #fff;color:#fff;cursor:pointer;font-size:17px;font-weight:700;outline:none;padding:10px;transition:.4s;width:130px}.header .button .btn:hover{border-radius:22px;scale:1.1}.hero{display:flex;gap:20px;height:550px;justify-content:space-between;padding:60px;position:relative}.hero .image{align-items:center;background-color:initial;border:2px solid #fff;border-radius:50%;box-shadow:0 22px 30px #fff;display:flex;height:326px;justify-content:center;margin-left:20px;width:300px}.hero .image img{border-radius:50%;height:100%;width:100%}.hero .left{margin-left:50px;margin-top:45px;position:relative}.left h1{font-size:30px;font-weight:700}.left h3{font-size:26px;font-weight:700}.left h3 span{color:#9acd32}.left p{color:gray;font-size:16px;font-weight:500;width:96%}.buttton{margin-top:20px}.buttton .h-btn{background-color:initial;border:2px solid #fff;border-radius:10px;box-shadow:0 17px 30px blue;color:#fff;cursor:pointer;font-size:18px;font-weight:700;outline:none;padding:10px;transition:.4s;width:133px}.h-btn:hover{border-radius:30px;scale:1.1}.social-media{display:flex;flex-wrap:wrap;gap:10px;margin-right:50px;margin-top:40px;position:relative}.social-media li{align-items:center;border-radius:50%;box-shadow:0 0 12px #fff;cursor:pointer;display:flex;height:50px;justify-content:center;margin:10px;transition:.4s;width:50px}.social-media li:hover{border:1px solid #fff;box-shadow:0 15px 30px blue;outline:none;scale:1.1}.social-media li a{color:#fff;font-size:22px}@media (max-width:1024px){.button,.navbar{display:none}.hero{align-items:center;flex-direction:column;height:auto;padding:30px}.hero .image{height:250px;margin:0 auto;width:250px}.hero .left{margin:20px auto}.buttton,.hero .left{text-align:center}.social-media{flex-direction:row;justify-content:center;margin:20px auto}.social-media li{height:45px;width:45px}.social-media li a{font-size:20px}}@media (max-width:480px){.logo h1{font-size:25px}.hero .image{height:200px;width:200px}.left h1{font-size:24px}.left h3{font-size:20px}.left p{font-size:14px}.buttton .h-btn{font-size:14px;width:100px}.social-media{flex-direction:row;flex-wrap:wrap}.social-media li{height:40px;margin:5px;width:40px}.social-media li a{font-size:18px}}
/*# sourceMappingURL=main.43d64070.css.map*/