@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap";*{box-sizing:border-box}#root{width:100%;height:100%}body{margin:0;height:500vh;width:100vw;overflow-x:hidden;background-color:#3e7ea4}.canvas{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;z-index:11}main{height:100vh;width:80vw}.loadingScreen{position:fixed;top:0;left:0;padding:4rem;width:100vw;height:100vh;z-index:30;display:grid;place-items:center;background-image:linear-gradient(to bottom,#33d2ff,#00e6f5,#00f5cc,#57fe8d,#c0ff3e)}.loadingScreen--hidden{animation:fade-out .5s ease-in-out forwards 1s}@keyframes fade-out{0%{opacity:1}to{opacity:0;visibility:hidden}}.loadingScreen-title{font-family:Rock Salt,cursive;font-size:3rem;font-weight:900;text-transform:uppercase;color:#fff;margin:0}.progress-container{display:flex;justify-content:center;align-items:center}.progress-bar{--r1: 154%;--r2: 68.5%;max-width:30%;aspect-ratio:1;border-radius:50%;background:radial-gradient(var(--r1) var(--r2) at top,#0000 79.5%,#fff943 80%),radial-gradient(var(--r1) var(--r2) at bottom,#fff943 79.5%,#0000 80%),radial-gradient(var(--r1) var(--r2) at top,#0000 79.5%,#fff943 80%),transparent;background-size:50.5% 220%;background-position:-100% 0%,0% 0%,100% 0%;background-repeat:no-repeat;animation:l9 2s infinite linear}@keyframes l9{33%{background-position:0% 33%,100% 33%,200% 33%}66%{background-position:-100% 66%,0% 66%,100% 66%}to{background-position:0% 100%,100% 100%,200% 100%}}.header{position:fixed;top:0;left:0;width:100%;padding:1rem 2rem;font-family:Caveat,cursive;background-color:transparent;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;z-index:20}.header-scrolled{background-color:#033761d9;box-shadow:0 4px 10px #0000004d}.header-menu{display:flex;justify-content:center;gap:8rem}.header-menu-item{text-decoration:none;color:#fff;font-size:3rem;font-weight:600;transition:color .3s ease-in-out}.header-menu-item:hover{color:#fc0}section{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;padding:0 20px;color:#fff;font-family:Caveat,cursive}.home{background-color:#001f39;width:100vw}.home h1{font-family:Rock Salt,cursive;font-weight:800;font-size:8rem}.about{height:100vh;position:relative;background-color:#eee;z-index:7}.bg-white{position:absolute;left:0;right:0;height:200px;top:-120px;background-image:url(./Images/whiteBorder.png);background-repeat:repeat-x;background-position:bottom;background-size:contain}.content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:150px 50px 12px}.content h1{font-size:5rem;line-height:1;color:#000;text-transform:uppercase;margin-bottom:2rem;max-width:50rem;margin-top:-12rem}.shop{height:100vh;position:relative;background-color:#3e7ea4;top:100px;margin-top:-6rem;z-index:8}.bg-blue{position:absolute;left:0;right:0;height:200px;top:-200px;background-image:url(./Images/blueBorder.png);background-repeat:repeat-x;background-position:bottom;background-size:contain}.content-shop{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-top:150px;padding-right:50px}.content-shop h1{font-size:5rem;line-height:1;color:#fff;text-transform:uppercase;margin-bottom:2rem;margin-top:-8rem;text-align:center;max-width:60%}.shop-button{font-family:Caveat,cursive;font-size:2rem;background-color:#ecffbd;border-radius:1rem;color:#000;text-transform:uppercase;font-weight:700;transition:background .3s ease-in-out;padding:1rem 1.2rem;margin-right:20rem}.contact{height:100vh;background-color:#3e7ea4;margin-top:6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.contact h1{font-size:5rem;color:#fff;margin-bottom:2rem;text-transform:uppercase}.contact-button{align-self:flex-end;margin-right:20rem;font-family:Caveat,cursive;font-size:2rem;background-color:#ecffbd;border-radius:1rem;color:#000;text-transform:uppercase;font-weight:700;transition:background .3s ease-in-out;padding:1rem 1.2rem}.plus{font-size:6rem;color:#ff9f1c;margin-top:-10rem;text-align:center;justify-content:center;align-items:center;width:100vw}@media (max-width: 850px){main{width:90vw}.header-menu{gap:4rem}.header-menu-item{font-size:2rem}.home h1{font-size:4rem}.content h1{font-size:3rem;max-width:25rem}.content-shop h1{font-size:3rem;line-height:1;margin-bottom:2rem;margin-top:-8rem;max-width:60%}.shop-button{font-size:1.5rem;padding:.5rem 1rem;margin-right:5rem}.contact h1{font-size:3rem;margin-bottom:6rem}.contact-button{margin-right:5rem;font-size:1.5rem;padding:.5rem 1rem}.plus{font-size:5rem;margin-top:-8rem}}@media (max-width: 600px){.loadingScreen{padding:2rem}.loadingScreen-title{font-size:2rem}.header-menu{gap:1.5rem}.header-menu-item{font-size:1.5rem}.home h1{font-size:2.5rem}.bg-white{top:-160px}.content h1{font-size:2.5rem;max-width:25rem;margin-bottom:10rem}.content-shop h1{font-size:2.5rem;margin-bottom:2rem;margin-top:-15rem;max-width:50%}.contact h1{font-size:2.5rem;margin-bottom:6rem}.plus{font-size:2.1rem}}