@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0}*,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{background:#a5c0ff;background:linear-gradient(180deg,#bf6ff1a6,#a5c0ffa6,#bf6ff1a6);min-height:100vh}h1{font-family:Nunito,sans-serif;font-size:4.8rem;line-height:1;font-weight:900}h2{font-family:Nunito,sans-serif;font-size:2.4rem;line-height:1;font-weight:600}h3{font-family:Roboto,sans-serif;font-size:2.4rem;line-height:1;font-weight:700}h4{font-family:Roboto,sans-serif;font-size:1.6rem;line-height:1;font-weight:300;text-transform:uppercase}p{font-family:Roboto,sans-serif;font-size:1.6rem;line-height:1.2;font-weight:400}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.card{display:flex;flex-direction:column;align-items:center;margin:3rem 0 0;padding:0 0 3rem;width:90%;border-radius:1.2rem;border:1px solid #400067;background-color:#fff;box-shadow:3px 3px 10px #00000040}.card__image{border-radius:1rem 1rem 0 0;overflow:hidden}.card__image img{width:100%}.card__details{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:3rem}.card__details h3{color:#400067}.card__details-event{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem;color:#7700c2}.card__details-location{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;color:#7700c2}.card__spacer{width:100%;height:1px;margin:2.5rem 0;background:#fff;background:linear-gradient(90deg,#a5c0ff00 15%,#400067,#a5c0ff00 85%)}.card__conditions{width:100%;padding:1rem 2rem 0}.card__conditions h4{color:#400067}.card__weather-location{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.card__weather-temp p{font-size:3rem;font-weight:600}.card__weather-icon img{width:4.8rem}.card__weather-cond p{text-transform:capitalize}@media only screen and (min-width: 600px){.card{max-width:40rem}}.counter{display:flex;flex-direction:column;align-items:center;margin:3rem 0 0;padding:2.5rem;width:90%;border-radius:1.2rem;border:1px solid #0800fd;background:linear-gradient(to right,#0800fd,#a5c0ff);color:#fff;box-shadow:3px 3px 10px #00000040}.counter__container{display:flex;flex-direction:row;justify-content:center;gap:.2rem;margin-top:1.6rem}.counter__box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:7.5rem;height:7.5em;border:1px solid rgba(255,255,255,.25);border-radius:.6rem;background-color:#ffffff26;font-weight:100;text-transform:uppercase}.counter__box p{margin-top:.5rem;font-size:1.8rem;font-weight:500}@media only screen and (min-width: 600px){.counter{max-width:40rem}}.cruise{display:flex;flex-direction:column;align-items:center;margin:3rem 0 0;padding:2.5rem;width:90%;border-radius:1.2rem;border:1px solid #400067;background:linear-gradient(to right,#400067,#bf6ff1);color:#fff;box-shadow:3px 3px 10px #00000040}.cruise__image{width:15rem;height:15rem;margin-top:2.5rem;border:3px solid #400067;border-radius:7.5rem}.cruise__image img{display:block;max-width:15rem}.cruise__schedule{align-self:flex-start;margin-top:3rem}.cruise__schedule h3{margin-bottom:1rem}.cruise__schedule img{width:1.6rem;vertical-align:middle;margin-right:1rem}.cruise__schedule-event,.cruise__schedule-date{display:flex;align-items:center;gap:.5rem}@media only screen and (min-width: 600px){.cruise{max-width:40rem}}.header{width:100%;height:30rem;background-image:url(https://firebasestorage.googleapis.com/v0/b/carpenteronline-cms.firebasestorage.app/o/allure_pools_1320x600.jpg?alt=media&token=2eca7837-f029-45bf-bf80-6339cefaff65);background-position:center;background-repeat:no-repeat;background-size:cover;border-bottom:3px solid #400067;box-shadow:0 3px 10px #00000040}.header img{width:100%;display:block;padding:0;margin:0}.map{margin-top:3rem;width:100%}#tracker{margin-top:3rem;width:100%;height:60rem}.tracker{display:none}#wrapper{padding:0;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:96rem;min-height:100vh}@media only screen and (min-width: 600px){#wrapper{overflow-y:auto;height:100%}}