:root{--bg:#fbfbf9;--bg-2:#fef5ed;--text:#5c6f2b;--location:#99a799}html,body,#root{box-sizing:border-box;background:var(--bg-2);width:100%;min-width:100vw;height:100%;min-height:100vh;color:var(--text);justify-content:center;align-items:center;margin:0 auto;padding:0;display:flex}@media (width<=600px){html,body,#root{align-items:stretch}}@media (width<=900px){html,body,#root{align-items:flex-start}}.weather-wrapper{flex-direction:column;align-items:center;gap:2rem;display:flex}nav{z-index:100;align-items:center;gap:2rem;margin-bottom:.6rem;padding:.5rem;display:flex;position:fixed;bottom:0}nav a{background-color:var(--location);color:var(--bg-2);border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding:.3rem 1.5rem;font-size:.9rem;text-decoration:none}nav a:hover{cursor:pointer;background-color:var(--text);font-weight:600}nav a:active{box-shadow:2px 2px 5px var(--location)}.current-card-wrapper{background:var(--bg-2);color:var(--text);justify-content:center;align-items:center;gap:2rem;margin:0 4rem;display:flex}.left-side-weather-data{flex-direction:column;flex:1;justify-content:center;gap:2rem;margin:0 1rem;display:flex}.location-group,.weather-group{flex-direction:column;align-items:flex-start;display:flex}.location-group{font-size:1.2rem}.weather-group{gap:1rem;font-size:2rem;font-weight:800}.right-side-weather-image{flex:2}.right-side-weather-image img{object-fit:contain;width:100%;max-width:100vw;height:auto;max-height:60vh;box-shadow:0 0 0 12px var(--bg-2), 0 0 24px 8px #9ca79966;border-radius:2rem}#location{color:var(--location)}@media (width<=600px){.current-card-wrapper{flex-direction:column;gap:1rem}.right-side-weather-image img{width:80%;margin:0 auto;display:block}@media (width<=900px){.left-side-weather-data{align-items:flex-start}.weather-group{font-size:1.5rem}}}.six-day-card-wrapper{gap:1.5rem;display:flex}.six-day-contents{flex-direction:column;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.day-of-the-week{color:var(--location);font-size:1.2rem}@media (width<=600px){.six-day-card-wrapper{flex-wrap:nowrap;overflow-x:auto}.six-day-contents{flex:none}}@media (height<=750px){.six-day-card-wrapper{padding-bottom:4rem}}.hourly-card-wrapper{gap:1.5rem;display:flex}.twentyfour-hour-contents{flex-direction:column;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.no-wrap{white-space:nowrap}.time-block{color:var(--location)}@media (width<=600px){.hourly-card-wrapper{flex-wrap:nowrap;overflow-x:auto}.twentyfour-hour-contents{flex:none}}@media (height<=750px){.hourly-card-wrapper{padding-bottom:4rem}}