:root{font-family:Nunito,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#add8e6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.3em .7em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#add8e6}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:auto;min-width:auto;margin:0 auto;text-align:center;color:#262626d3}@media screen and (max-width: 480px){#root{width:auto}}.OuterWeatherBoxDiv{background-color:#ffffff98;border-radius:1rem;width:13rem;height:6rem;margin:.5rem;padding-top:1.5rem;padding-bottom:1.5rem;padding-left:1rem;text-align:left;align-content:center}.InnerWeatherBoxDiv{margin:0;margin-bottom:.5rem;display:flex;align-items:center}@media screen and (max-width: 600px){.OuterWeatherBoxDiv{margin:.2rem .2rem 1rem;width:9rem;height:4rem}}.OuterDiv{margin:auto;margin-top:1rem;width:80%;max-width:30rem;height:300px;display:flex;flex-direction:column;align-items:center;background-color:#ffffff98;padding-top:2rem;padding-left:2rem;padding-right:2rem;border-radius:1rem}.OuterImgDiv{border-top:2px solid orange;width:80%;aspect-ratio:3 / 2;border-radius:50% 50% 0 0;position:relative;overflow:visible;margin-top:15%}.Img{width:3rem;max-width:15%;position:absolute;transition:top .6s ease,left .6s ease;opacity:1}.OuterTextDiv{width:100%;display:flex;justify-content:space-between;position:relative;top:-9rem;font-size:clamp(.8rem,2vw,1rem)}@media screen and (max-width: 600px){.OuterDiv{height:200px}.OuterTextDiv{top:-6rem;width:100%}}.locationName{width:85vw;font-size:1rem;margin:0;margin-top:2rem;margin-left:auto;text-align:left;display:flex}.OuterWeatherDiv{display:flex;align-items:center;flex-wrap:wrap;margin-top:1rem}.InnerWeatherDiv{display:flex;justify-content:center;max-width:30rem;flex-wrap:wrap;margin:auto;margin-top:1rem;padding:.8rem;border-radius:1rem}@media screen and (max-width: 600px){.locationName{font-size:.8rem;color:#3f3f3f;display:flex;justify-content:center;align-items:center}.OuterWeatherDiv{flex-direction:column;justify-content:space-between}.ConditionText{font-size:2.5rem;padding-bottom:2rem}.InnerWeatherDiv{padding:0}}.HighAndLowTemp{background-color:#ffffff98;width:5rem;padding-left:1rem;padding-right:1rem;border-radius:1rem;margin:.3rem;font-size:1rem}@media screen and (max-width: 600px){.HighAndLowTemp{width:3rem;font-size:.6rem}}.locationInfoOuterDiv{margin:auto;margin-top:1rem;width:80%;max-width:30rem;height:80vh;background-color:#ffffff98;padding:2rem;border-radius:1rem;display:flex;flex-direction:column;justify-content:space-evenly}.HighAndLowTempDiv{display:flex;justify-content:space-around;align-items:center;width:80%;margin:auto}.CurrentTemp{font-size:5rem;margin:0}.InnerHighAndLowTempDiv{display:flex;justify-content:center}.FeelsLike{width:65%;margin:auto;text-align:left;display:flex;justify-content:space-around}.ConditionText{width:90%;font-size:2rem;padding-left:2rem;padding-right:2rem;border-radius:1rem;align-content:center;margin-top:.5rem;margin-bottom:2rem}@media screen and (max-width: 600px){.locationInfoOuterDiv{padding-bottom:2rem;padding-top:2rem;height:250px}.CurrentTemp{font-size:2.5rem}.FeelsLike{width:75%;font-size:.8rem}.ConditionText{padding:0;width:100%;font-size:1.5rem}}.cloudy-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#b0b0b0,#dcdcdc);overflow:hidden;z-index:-1}.cloud{position:absolute;background:#fffc;border-radius:50%;width:200px;height:100px;top:20%;left:10%;animation:moveAllClouds 80s linear infinite}.cloud:nth-child(2){width:220px;height:110px;top:30%;left:30%;opacity:.7}.cloud:nth-child(3){width:180px;height:90px;top:40%;left:50%;opacity:.6}.cloud:nth-child(4){width:240px;height:120px;top:10%;left:70%;opacity:.8}.cloud:nth-child(5){width:200px;height:100px;top:50%;left:80%;opacity:.7}.cloud:nth-child(6){width:180px;height:90px;top:60%;left:20%;opacity:.6}@keyframes moveAllClouds{0%{transform:translate(-300px)}to{transform:translate(100vw)}}.fog-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#9db3c4,#cfd8dc);overflow:hidden;z-index:-1}.fog-layer{position:absolute;width:200%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.35) 0%,rgba(255,255,255,.15) 60%,transparent 100%);opacity:.5;animation:moveFog 90s linear infinite}.fog-layer:nth-child(2){opacity:.4;animation-duration:120s}.fog-layer:nth-child(3){opacity:.3;animation-duration:150s}@keyframes moveFog{0%{transform:translate(-40%)}to{transform:translate(0)}}.ice-pellets-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#7aa4c6,#d0e1f2);overflow:hidden;z-index:-1}.ice-pellet{position:absolute;width:5px;height:8px;background:#fffc;border-radius:50%;animation-name:fallPellets;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fallPellets{0%{transform:translateY(0)}90%{transform:translateY(100vh)}95%{transform:translateY(96vh);animation-timing-function:ease-out}to{transform:translateY(100vh)}}.mist-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#dfe4ea,#cfd4d9);overflow:hidden;z-index:-1}.mist-layer{position:absolute;width:120%;height:50px;left:-10%;background:#fff6;filter:blur(20px);animation:moveMist 120s linear infinite}.mist-layer:nth-child(1){top:10%;opacity:.5;animation-duration:140s}.mist-layer:nth-child(2){top:20%;opacity:.4;animation-duration:160s}.mist-layer:nth-child(3){top:30%;opacity:.3;animation-duration:180s}.mist-layer:nth-child(4){top:40%;opacity:.35;animation-duration:150s}.mist-layer:nth-child(5){top:50%;opacity:.4;animation-duration:170s}.mist-layer:nth-child(6){top:60%;opacity:.35;animation-duration:200s}.mist-layer:nth-child(7){top:70%;opacity:.3;animation-duration:190s}@keyframes moveMist{0%{transform:translate(0)}to{transform:translate(15%)}}.overcast-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#d4f8f6,#768f90);overflow:hidden;z-index:-1}.cloud{position:absolute;background:#c8c8c8f2;border-radius:50%;animation:moveClouds linear infinite}.cloud:nth-child(1){width:200vw;height:400px;top:0%;left:-400px;animation-duration:400s}.cloud:nth-child(2){width:900px;height:450px;top:5%;left:50%;animation-duration:420s}.cloud:nth-child(3){width:850px;height:420px;top:15%;left:30%;animation-duration:430s}.cloud:nth-child(4){width:950px;height:480px;top:25%;left:70%;animation-duration:440s}.cloud:nth-child(5){width:800px;height:400px;top:35%;left:10%;animation-duration:410s}.cloud:nth-child(6){width:900px;height:450px;top:45%;left:-300px;animation-duration:430s}.cloud:nth-child(7){width:850px;height:420px;top:55%;left:40%;animation-duration:420s}.cloud:nth-child(8){width:950px;height:480px;top:65%;left:80%;animation-duration:440s}@keyframes moveClouds{0%{transform:translate(0)}to{transform:translate(120vw)}}.heavy-rain-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#6b7c8c,#9aa5af);overflow:hidden;z-index:-1}.raindrop{position:absolute;width:2px;height:18px;background:#ffffffbf;border-radius:1px;animation:fall linear infinite}.heavy-rain-thunder-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#2c3e50,#1a252f);overflow:hidden;z-index:-1}.raindrop{position:absolute;width:2px;height:20px;background:#ffffffb3;animation:fall linear infinite}.lightning-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;animation:flash 6s infinite}.light-rain-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#9eb4c7,#cfd6db);overflow:hidden;z-index:-1}.raindrop{position:absolute;width:2px;height:12px;background:#fff9;border-radius:1px;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(-20px);opacity:0}10%{opacity:.8}to{transform:translateY(100vh);opacity:0}}.light-rain-thunder-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#4a6fa5,#2e3d55);overflow:hidden;z-index:-1}.raindrop{position:absolute;width:2px;height:15px;background:#fff9;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(-20px);opacity:0}10%{opacity:1}to{transform:translateY(100vh);opacity:0}}.lightning{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;animation:flash 8s infinite}@keyframes flash{0%,97%,to{opacity:0}98%{opacity:.8}99%{opacity:.2}}.rain-possible-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:linear-gradient(to bottom,#8aa6c1,#c5d4e0)}.raindrop{position:absolute;width:1.5px;height:10px;background:#ffffff80;animation:fallLightRain linear infinite}@keyframes fallLightRain{0%{transform:translateY(-10px);opacity:0}10%{opacity:1}to{transform:translateY(100vh);opacity:0}}.torrential-rain-shower-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:linear-gradient(to bottom,#2a3b50,#1a2430)}.shower-layer{animation:rainShowers 7s infinite}@keyframes rainShowers{0%,40%,to{opacity:0}45%,95%{opacity:1}}.blowing-snow-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#d2e6ffe6,#c8dcf0f2);overflow:hidden;z-index:-1}.snowflake{position:absolute;background:#fff;border-radius:50%;opacity:.85;animation:blowSnow linear infinite;box-shadow:0 0 2px #fff9}.snowflake:nth-child(odd){width:6px;height:6px;animation-duration:3s}.snowflake:nth-child(2n){width:4px;height:4px;opacity:.6;animation-duration:2s}@keyframes blowSnow{0%{transform:translate(0) rotate(0)}to{transform:translate(120vw,50vh) rotate(360deg)}}.heavy-snow-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#a8c4d8,#e0e7ec);overflow:hidden;z-index:-1}.snowflake{position:absolute;background:#fff;border-radius:50%;opacity:.9;box-shadow:0 0 4px #ffffffb3;animation:fallSnow linear infinite}.snowflake:nth-child(odd){width:8px;height:8px}.snowflake:nth-child(2n){width:12px;height:12px;opacity:.8}@keyframes fallSnow{0%{transform:translateY(-10px) translate(0);opacity:0}10%{opacity:1}to{transform:translateY(100vh) translate(40px);opacity:0}}.lightning-flash{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;opacity:0;animation:flash 6s infinite}@keyframes flash{0%,93%,to{opacity:0}94%{opacity:.9}95%{opacity:.3}96%{opacity:.7}}.heavy-snow-showers-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:linear-gradient(to bottom,#a8c4d8,#e0e7ec)}.shower-layer{animation:heavySnowShowers 6s infinite}@keyframes heavySnowShowers{0%,40%,to{opacity:0}45%,95%{opacity:1}}.light-snow-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#b5d0e5,#e3edf5);overflow:hidden;z-index:-1}.snowflake{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;opacity:.8;box-shadow:0 0 4px #ffffffb3;animation:fallSnow linear infinite}@keyframes fallSnow{0%{transform:translateY(-10px) translate(0);opacity:0}10%{opacity:.9}to{transform:translateY(100vh) translate(20px);opacity:0}}.lightning-flash{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;opacity:0;animation:flash 8s infinite}@keyframes flash{0%,97%,to{opacity:0}98%{opacity:.9}99%{opacity:.3}}.light-snow-possible-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:linear-gradient(to bottom,#c0d5e5,#e6f0f5)}.snowflake{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;opacity:.6;animation:fallSnowPossible linear infinite}@keyframes fallSnowPossible{0%{transform:translateY(-10px) translate(0);opacity:0}10%{opacity:1}to{transform:translateY(100vh) translate(10px);opacity:0}}.light-snow-showers-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#b5d0e5,#e3edf5);overflow:hidden;z-index:-1}.shower-layer{animation:snowShowers 6s infinite}@keyframes snowShowers{0%,40%,to{opacity:0}45%,95%{opacity:1}}.sunny-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#87ceeb,#fceabb);z-index:-1;overflow:hidden}.sun{position:absolute;top:20%;left:50%;width:120px;height:120px;margin-left:20px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffec85,#ffb300);box-shadow:0 0 80px #fd59;animation:pulse 4s ease-in-out infinite}.sun-rays{position:absolute;top:50%;left:50%;width:200px;height:200px;margin-top:-100px;margin-left:-100px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,223,0,.4) 0deg 10deg,transparent 10deg 20deg);animation:rotate 12s linear infinite;-webkit-mask-image:radial-gradient(circle,transparent 40%,black 60%);mask-image:radial-gradient(circle,transparent 40%,black 60%)}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 80px #fd59}50%{transform:scale(1.1);box-shadow:0 0 100px #fd5c}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.thundery-outbreaks-possible-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#7a7a7a,#a0a0a0);z-index:-1;overflow:hidden}.lightning-flash{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;opacity:0;pointer-events:none;animation:lightningPulse 4s infinite}@keyframes lightningPulse{0%,80%,to{opacity:0}81%{opacity:.2}83%{opacity:.1}85%{opacity:.4}87%{opacity:.2}88%{opacity:.6}89%{opacity:.3}}.partly-cloudy-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#87ceeb,#fceabb);overflow:hidden;z-index:-1}.sun{position:absolute;top:5%;left:0;width:100px;height:100px;background:radial-gradient(circle,#fd5,#fa0);border-radius:50%;box-shadow:0 0 60px #ffdd5580;animation:pulse 3s infinite alternate}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 60px #ffdd5580}50%{transform:scale(1.1);box-shadow:0 0 80px #ffdd55b3}to{transform:scale(1);box-shadow:0 0 60px #ffdd5580}}.cloud{position:absolute;top:20%;left:50vw;width:180px;height:90px;background:#fffc;border-radius:50%;animation:moveClouds 60s linear infinite}.cloud:nth-child(2){width:220px;height:110px;top:35%;left:20vw;animation-duration:80s;opacity:.7}.cloud:nth-child(3){width:160px;height:80px;top:65%;animation-duration:70s;opacity:.6}.cloud-delayed{position:absolute;top:10%;left:10vw;width:180px;height:90px;background:#fffc;border-radius:50%;animation:moveClouds 60s linear infinite}.cloud-delayed:nth-child(5){width:180px;height:90px;top:60%;left:80%;opacity:.6;animation-duration:85s}.cloud-delayed:nth-child(6){width:200px;height:100px;top:55%;left:0;opacity:.7;animation-duration:95s}@keyframes moveClouds{0%{transform:translate(-300px)}to{transform:translate(100vw)}}.snowstorm-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#b4c8dcf2,#96aac8f2);overflow:hidden;z-index:-1}.snowflake{position:absolute;left:0;background:#fff;border-radius:50%;opacity:.85;box-shadow:0 0 2px #ffffffb3;animation-name:blowSnowStorm;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes blowSnowStorm{0%{transform:translate(0) rotate(0)}to{transform:translate(120vw,120vh) rotate(360deg)}}.light-snowrain-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#d2dce6e6,#b4bec8f2);overflow:hidden;z-index:-1}.snowflake{position:absolute;background:#fff;border-radius:50%;opacity:.7;animation-name:fallSnow;animation-timing-function:linear;animation-iteration-count:infinite}.raindrop{position:absolute;background:#91b5c1cc;border-radius:50%;animation-name:fallRain;animation-timing-function:linear;animation-iteration-count:infinite}.heavy-snowrain-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#bec8dcf2,#a0aac8f2);overflow:hidden;z-index:-1}.snowflake{position:absolute;background:#fff;border-radius:50%;opacity:.8;animation-name:fallSnow;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fallSnow{0%{transform:translateY(0) rotate(0)}to{transform:translateY(100vh) rotate(360deg)}}.raindrop{position:absolute;background:#add8e6e6;border-radius:50%;animation-name:fallRain;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fallRain{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.light-hail-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#c8d2dcf2,#b4bec8f2);overflow:hidden;z-index:-1}.hail{position:absolute;background:#dcdcdce6;border-radius:50%;animation-name:fallHailBounceImpact;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fallHailBounceImpact{0%{transform:translateY(0)}90%{transform:translateY(100vh)}95%{transform:translateY(98vh);animation-timing-function:ease-out}to{transform:translateY(100vh)}}.freezing-drizzle-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#c8d2dcf2,#b4bec8f2);overflow:hidden;z-index:-1}.drizzle-drop{position:absolute;background:#6ba8aacc;border-radius:50%;animation-name:fallDrizzle;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fallDrizzle{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.heavy-freezing-drizzle-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#bec8d2f2,#a0aabef2);overflow:hidden;z-index:-1}.drizzle-drop{position:absolute;background:#6ba8aacc;border-radius:50%;animation-name:fallHeavyDrizzle;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fallHeavyDrizzle{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.hourlyCard{background-color:#ffffff98;border-radius:1rem;padding:1rem;margin:1rem;min-width:5rem}.icon{width:2.5rem}@media screen and (max-width: 600px){.hourlyCard{min-width:3rem;margin:.5rem}.icon{width:2rem}}.form{width:100%;max-width:30vw;display:flex;justify-content:center;align-items:center}.input{margin-right:.5rem;border-radius:1rem;border:none;padding:.3rem .3rem .3rem 1rem;height:2rem;width:80%}.formButton{padding:.3rem;border-radius:1rem;display:flex;align-items:center}@media screen and (max-width: 600px){.form{max-width:inherit}}.mainDiv{width:90vw;padding-bottom:5rem;padding-top:3rem}h1{margin:1rem}@media screen and (max-width: 600px){h1{font-size:1.2rem}}@media screen and (min-width: 780px){h1{font-size:2rem}}@media screen and (min-width: 1024px){h1{font-size:2.5rem}}