*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins', sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:20px 100px}header .logo-container{display:flex;position:relative;z-index:2}header .logo-container a{background:linear-gradient(to right, #494964, #6f6f89);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}header .logo-container a h4{font-size:1.6rem}header .logo-container img{margin-right:10px}header nav ul{display:flex}header nav ul li{list-style:none;margin:0 20px}header nav ul li a{text-decoration:none;color:#5f5f79;font-size:1.1rem}main{padding:20px 100px;position:relative}main .cover{display:flex;justify-content:space-between;align-items:center;grid:30px}main .cover .intro .intro-text h1{background:linear-gradient(to right, #494964, #6f6f89);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bold;font-size:4rem;color:#5f5f79;margin-bottom:30px}main .cover .intro .intro-text p{font-size:1.2rem;line-height:1.8;margin-bottom:30px}main .cover .intro .intro-text .cta{text-decoration:none;color:white;padding:15px 25px;margin:20px 10px 0 0;font-size:1.2rem;display:inline-block;background:linear-gradient(to right, #00b4db, #0083b0);border-radius:30px}main .cover .intro .intro-text .cta.outline{color:#0083b0;border:1px solid #0083b0;background:transparent}main .cover .imgBx{position:relative;z-index:2}main .cover .imgBx img{max-width:500px;filter:drop-shadow(0 5px 5px rgba(0,0,0,0.5));animation:drop 1.5s ease}main .bubblex{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:linear-gradient(to right, #00b4db, #0083b0);top:0;right:0;z-index:0}.circle-1{position:absolute;top:0;right:0;height:78%}.circle-2{position:absolute;top:33%;right:30%;height:60%;opacity:.5}.circle-3{position:absolute;bottom:0%;left:22%;height:30%}.arrows{display:flex;justify-content:center;position:absolute;bottom:30px;left:0;right:0}.arrows img{border:1px solid #5f5f79;padding:10px;margin:0 10px}@keyframes drop{0%{opacity:0;transform:translateY(-80px)}100%{opacity:1;transform:translateY(0)}}@media (max-width: 992px){header{flex-direction:column}header .logo-container{margin-bottom:20px}header .cart{position:absolute;right:40px}main .cover{flex-direction:column}main .cover .intro .intro-text{text-align:center}main .cover .intro .intro-text h1{font-size:2rem;line-height:1.2}.circle-1{opacity:.3}body{position:relative}.arrows{position:absolute;bottom:20px;left:0;right:0}}
/*# sourceMappingURL=style.css.map */