@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#121212;display:flex;flex-direction:column;max-width:100vw;overflow-x:hidden;text-align:center}.navbar{background-color:#000;display:flex;justify-content:space-between;padding:.5rem 3.3rem;width:auto;z-index:999}.navbar img{width:10rem}.navbar ul{color:#fff;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;gap:3rem;list-style:none}.navbar ul,.navbar ul li{align-items:center;display:flex}.navbar ul li{cursor:pointer;flex-direction:column}.navbar ul li a{color:#fff;text-decoration:none;text-transform:capitalize}.navbar ul li img{width:.7rem}.navbar ul button{background-image:linear-gradient(90deg,#ac32e4,#7918f2 48%,#4801ff);border-style:none;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;padding:.5rem 1rem}.navbar ul button:active{color:#000}.navbar ul button:hover{background-image:linear-gradient(90deg,rgba(172,50,228,.439),rgba(121,24,242,.439) 48%,rgba(72,1,255,.439))}.footer{padding:.5rem 3.3rem;width:auto}.footer div{border-top:1px solid gray;display:flex;justify-content:space-between;padding:.5rem 0}.footer div .services{align-items:center;border-top:0 solid gray;display:flex;gap:1.5rem}.footer div .services img{margin-right:1rem;width:10rem}.footer div .services a{color:gray;cursor:pointer}.footer div .social-links{align-items:center;border-top:0 solid gray;display:flex;gap:1.5rem}.footer div .social-links img{cursor:pointer;width:1.5rem}.hero-container{display:flex;padding:3rem;width:auto}.hero-container .hero-image{width:40%}.hero-container .hero-image img{margin-top:-7rem;width:30rem}.hero-container .hero-details{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center}.hero-container .hero-details .hero-heading{width:70%}.hero-container .hero-details .hero-heading h1{color:#fff;font-size:5rem;text-align:start}.hero-container .hero-details .hero-heading h3{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00dbde 40%,#fc00ff);-webkit-background-clip:text;background-clip:text;font-family:Roboto;font-size:1.5rem;font-weight:500;text-align:end}.hero-container .hero-details .hero-heading .image1{left:239px;position:relative;top:-110px;width:3rem}.hero-container .hero-details .hero-heading .image2{left:180px;position:relative;top:-140px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);width:3rem}.hero-container .hero-details .hero-heading .image3{left:109px;position:relative;top:-160px;-webkit-transform:rotate(-35deg);transform:rotate(-35deg);width:3rem}.hero-container .hero-details .hero-description{margin-top:2rem;text-align:end;width:90%}.hero-container .hero-details .hero-description p{color:#fff;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:500}.hero-container .hero-details .hero-description p span{font-weight:800}.hero-container .hero-details .hero-description #color-text{color:#967cfb;font-weight:700}.hero-container .hero-details .hero-input{display:flex;gap:1em;justify-content:flex-end;margin-top:1.5rem;width:90%}.hero-container .hero-details .hero-input input{background:transparent;border:5px solid #967cfb;color:gray;font-family:Roboto;font-size:1em;font-weight:100;height:4rem;text-align:center;width:50%}.hero-container .hero-details .hero-input input::-webkit-input-placeholder{font-family:Roboto;font-size:1rem;font-weight:100;text-align:center}.hero-container .hero-details .hero-input button{background:linear-gradient(90deg,#ac32e4,#7918f2 48%,#4801ff);border:none;color:#fff;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:bolder;width:30%}.hero-container .hero-details .hero-input button:active{color:#000}.hero-container .hero-details .hero-input button:hover{background-image:linear-gradient(90deg,rgba(172,50,228,.439),rgba(121,24,242,.439) 48%,rgba(72,1,255,.439))}.collection{display:flex;flex-direction:column;padding:.5rem 3.3rem;text-align:start;width:auto}.collection h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00dbde -100%,#fc00ff);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:4rem;font-weight:700;letter-spacing:.3rem}.collection p{color:#fff;font-family:Roboto;font-size:1.3rem}.collection .card-list{display:flex;flex-wrap:wrap;gap:5rem;justify-content:space-between;margin-bottom:8rem;margin-top:3rem}.card{-webkit-backdrop-filter:blur(38.2676px);backdrop-filter:blur(38.2676px);background:radial-gradient(145.1% 102.55% at 0 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,0) 100%);border:.13rem solid #fff;display:flex;flex-direction:column;gap:1rem;padding:.5rem 1rem;width:21rem}.card .card-header{align-items:center;display:flex;justify-content:space-around;width:100%}.card .card-header .card-profile{align-items:center;display:flex;flex:1 1;gap:.5rem}.card .card-header .card-profile p{font-size:1rem}.card .card-header .stars{align-items:center;display:flex;gap:.5rem}.card .card-header .stars p{font-size:1rem}.card .card-footer{display:flex;justify-content:space-between;margin-bottom:.5rem}.card .card-footer p{color:#a7a7a7;font-size:.8rem}.card .card-footer h3{color:#fff;font-size:1rem}.package{background:linear-gradient(90deg,#ac32e4,#7918f2 48%,#4801ff);display:flex;padding:2rem 3rem}.package .package-details{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:1rem;text-align:start}.package .package-details h1{color:#e2c668;font-size:2.2rem}.package .package-details p{color:#fff;font-family:Roboto;font-size:1.2rem;font-weight:400}.package .package-details button{background:linear-gradient(90deg,#7918f2 48%,#4801ff);border:3px solid #000;box-shadow:-5px -5px 1px #000;color:#fff;cursor:pointer;font-size:1.9rem;padding:.5rem 1rem}.package .package-details button:active{color:#000}.package .package-details button:hover{background-image:linear-gradient(90deg,rgba(172,50,228,.439),rgba(121,24,242,.439) 48%,rgba(72,1,255,.439))}.newsletter{align-items:center;display:flex;flex-direction:column;height:19rem;justify-content:center}.newsletter h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00dbde 10%,#fc00ff);-webkit-background-clip:text;background-clip:text;font-size:3rem}.newsletter .signup{align-items:center;display:flex;gap:1rem}.newsletter .signup p{color:#fff;cursor:pointer;font-size:1.5rem}.newsletter .signup hr{background-image:linear-gradient(90deg,#ac32e4,#7918f2 48%,#4801ff);border:0;height:1px;margin-top:.5rem}.roundleft{right:0}.roundleft,.roundright{position:absolute;width:18rem}.roundright{left:0;top:6rem}.arrow{left:5.5rem;position:absolute;width:31rem}.dotted-left{right:5.5rem;top:33rem}.dotted-left,.dotted-right{position:absolute;width:38rem}.dotted-right{height:67rem;left:-3.9rem;top:88rem}
/*# sourceMappingURL=main.37f839db.css.map*/