header{height:10rem;border-bottom:2px solid var(--color-primary);padding:3rem}header p,footer p{font-family:Patua One,cursive}@media screen and (max-width:765px){header{padding:3rem}}.weather-card{box-shadow:3px 3px 5px #0006,-1.5px -1.5px 5px #fff;padding:1rem;border-radius:2rem}body.dark .weather-card{box-shadow:3px 3px 5px #0006,-1.5px -1.5px 5px #36366d}.weather-card .group-data p,.weather-card p{box-shadow:3px 3px 5px #0006,-1.5px -1.5px 5px #fff;border-radius:4rem;padding:1rem 2rem;display:flex;gap:2rem;align-items:center}.weather-card p .icon{font-size:3rem}body.dark .weather-card .group-data p,body.dark .weather-card p{box-shadow:3px 3px 5px #0006,-1.5px -1.5px 5px #36366d}nav{position:relative;box-shadow:3px 3px 5px #0006,-1.5px -1.5px 5px #fff;background-color:var(--accent-color)}nav .logo{width:clamp(50px,7vw,100px)}nav ul li{list-style:none}nav ul li a{font-size:clamp(1rem,1.3vw,1.5rem);font-weight:400;text-decoration:none;letter-spacing:1px;font-family:Patua One,cursive}footer{border-top:2px solid var(--color-primary);min-height:20rem}section.error{max-width:500px;margin:0 auto;margin-top:3rem;border:2px solid red;padding:2rem;border-radius:1rem;box-shadow:2rem 2rem 1rem #00000080}@font-face{font-family:campus;src:url(/assets/campus-a3bce6b6.ttf)}*{padding:0;margin:0;box-sizing:border-box;font-family:sans-serif;color:inherit;text-decoration:none}:root{--color-bg: #1f1f38;--color-bg-variant: #2c2c6c;--color-primary: #4db5ff;--color-primary-variant: #71aad3;--accent-color: #c1f2ff;--color-light: #c1f2ff;--color-dark: #1f1f38;--color-black: #000000;--color-white: #ffffff;color-scheme:dark light;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{scroll-behavior:smooth;font-size:10px}body{background-color:var(--color-light);color:var(--color-bg);transition:background-color .1s ease,color .1s ease}#root{max-width:1600px;margin:0 auto}body.dark{background-color:var(--color-dark);color:var(--color-white);--accent-color: var(--color-bg)}.flex{display:flex}.h-full{height:100%}.w-full{width:100%}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.mw{--max-w: 30;max-width:calc(var(--max-w) * 1rem)}h1{font-size:clamp(1rem,3vw,3rem);letter-spacing:.4rem;font-weight:100;font-family:campus,sans-serif}body.dark h1{text-shadow:5px 5px #000000}.flex-grow-up{flex-grow:1}.flex-grow-down{flex-grow:0}.flex-shrink-up{flex-shrink:1}.flex-shrink-down{flex-shrink:0}.gap-sm{gap:1rem}.gap-md{gap:2rem}.gap-lg{gap:3rem}.gap-x-lg{gap:5rem}.gap-xx-lg{gap:8rem}.grid{display:grid}.grid-column-12{grid-template-columns:repeat(12,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(25rem,1fr))}.grid-span-1{grid-column:span 12}.grid-span-2{grid-column:span 2}.grid-span-3{grid-column:span 3}.grid-span-4{grid-column:span 4}.grid-span-6{grid-column:span 6}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}img{width:100%;height:100%;object-fit:cover;object-position:center}.img-contain{object-fit:contain}.main-horizontal-pad{padding:0 5rem}.main-vertical-pad{padding:2rem 0}.pad-even{--value: 1;padding:calc(var(--value) * 1rem)}.margin-even{--value: 1;margin:calc(var(--value) * 1rem)}.mt{--value: 1;margin-top:calc(var(--value) * 1rem)}.ml{--value: 1;margin-left:calc(var(--value) * 1rem)}.mb{--value: 1;margin-bottom:calc(var(--value) * 1rem)}.mx-auto{margin-inline:auto}.block{display:block}.inline-block{display:inline-block}.theme-text{color:var(--color-primary);text-shadow:2px 2px 5px rgba(0,0,0,.4)}p{font-size:clamp(1rem,1.5vw,1.6rem)}.tac{text-align:center}button{--value: 1;font-size:clamp(1rem,1.5vw,1.6rem);text-transform:capitalize;outline:none;border:none;box-shadow:3px 3px 5px #0006,-1.5px -1.5px 5px #fff;background-color:inherit;padding:.5rem calc(var(--value) * 1rem);border-radius:3rem}body.dark button{box-shadow:3px 3px 5px #0006,-1.5px -1.5px 5px #36366d}@media screen and (prefers-color-scheme: light){body{background-color:var(--color-light);color:var(--color-black)}}.error-text{color:red}input{padding:1rem 1rem 1rem 1.5rem;font-size:1.6rem;border-radius:3rem;border:none;outline:none;background-color:inherit;box-shadow:3px 3px 5px #0006,-1.5px -1.5px 5px #fff}body.dark input{box-shadow:3px 3px 5px #0006,-1.5px -1.5px 5px #36366d}.form{padding:2rem;background-color:var(--accent-color);border-radius:1rem}h2{font-family:Patua One,cursive;font-size:clamp(1rem,1.2vw,2rem)}.spinner{width:4em;height:4em;border:.5em solid rgba(0,0,0,.1);border-left-color:#7983ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shake{animation:shake .82s 3 linear;font-size:1.5rem}@keyframes shake{to{opacity:.1}}