:root{--day-clear:#babdde;--night-clear:#1a1e4d;--day-storm:#ccc;--night-storm:#303136;--day-rain:#c4c6d4;--night-rain:#2b2d3b;--black:#000;--gray:#ccc;--white:#fff}@font-face{font-display:swap;font-family:Fredoka;font-style:normal;src:url(/assets/fonts/fredoka/fredoka.woff2) format("woff2")}@keyframes snowflake{0%{opacity:.5;transform:translateY(0) rotate(0deg)}to{opacity:.1;transform:translateY(100vh) rotate(1turn)}}@keyframes raindrop{to{transform:translateY(100vh)}}@keyframes cloudpuff{to{left:100vw}}h1{font-weight:500;margin-top:0}body,p{margin:0}body{align-content:center;background:var(--day-clear);font-family:Fredoka,sans-serif;min-height:100vh;padding:.5rem}@media (min-width:62rem){body{padding:1rem}}.body--animate{transition-duration:10s;transition-property:background,color;transition-timing-function:ease-in-out}.body--night{background:var(--night-clear);color:var(--white)}.body--storm{background:var(--day-storm)}.body--night.body--storm{background:var(--night-storm);color:var(--white)}.body--rain,.body--snow{background:var(--day-rain)}.body--night.body--rain,.body--night.body--snow{background:var(--daynight-rain);color:var(--white)}*{box-sizing:border-box}main{background:hsla(0,0%,100%,.75);border-radius:1rem;box-shadow:.25rem .25rem 1rem rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;padding:.5rem}.body--night main{background:rgba(0,0,0,.75)}@media (min-width:62rem){main{padding:1rem}}#header{align-items:center;display:flex}@media (min-width:62rem){#header{padding:0 3.5rem}}#footer{color:#4e4e4e;display:flex;justify-content:space-between;margin-top:1rem}.body--night #footer{color:#adadad}#alerts{display:flex;flex:1 1 auto;justify-content:center;padding:0 .5rem 0 0}@media (min-width:62rem){#alerts{padding:0 .5rem}}.alert{background:crimson;border-radius:.5rem;color:var(--white);display:inline-block;line-height:1;margin:0 auto;padding:.5rem;text-align:center}.alert.alert--watch{background:gold;color:var(--black)}.alert.alert--statement{background:#48d1cc;color:var(--black)}.alert+.alert{margin-top:.25rem}.alert span{display:block}.alert_title{font-size:1.25rem;font-weight:500;margin-right:.25rem;text-transform:uppercase}@media (min-width:62rem){.alert_title{font-size:1.5rem}}#graph{margin-top:.5rem;max-height:50vh}@media (min-width:62rem){#graph{margin-top:1rem}}#date{display:none}@media (min-width:62rem){#date{align-items:center;display:flex;flex-direction:column}}#weekday{text-transform:uppercase}#day{font-size:2rem;font-weight:300;line-height:1}.flex-columns{justify-content:space-between;width:100%}.flex-columns,.flex-rows{align-items:center;display:flex}.flex-rows{flex-direction:column}.hide{display:none}#effects{height:100%;left:0;opacity:.25;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%}#effects.effects--cloudpuff{filter:blur(.5rem)}#effects:after{background:linear-gradient(transparent,#000);bottom:0;content:"";display:block;height:50vh;left:0;position:fixed;right:0;z-index:-1}.precipitation{background-repeat:no-repeat;bottom:100%;position:absolute;z-index:-2}.raindrop{animation:raindrop cubic-bezier(.55,.085,.68,.53) infinite;background-image:url(/assets/img/rain.svg);filter:invert(1)}.snowflake{animation:snowflake linear infinite}.snowflake:after{content:"*";display:block}.cloudpuff{animation:cloudpuff linear infinite;background-image:url(/assets/img/cloud.svg);filter:invert(1)}svg{z-index:2}svg.moon,svg.sun{fill:gold}svg.cloud{fill:#48d1cc}svg.rain{fill:#1e90ff}svg.thunder{fill:orange}svg.snow{fill:ivory}svg.haze,svg.unknown{fill:gray}svg:last-child{z-index:1}.label{background:var(--gray);border-radius:.5rem;color:var(--white);display:inline-block;padding:.125rem .25rem}@media (min-width:62rem){.label{padding:.25rem .5rem}}a{color:inherit}a:active,a:focus,a:hover{-webkit-text-decoration:none;text-decoration:none}#temperature-data{font-size:2.5rem;font-weight:400;line-height:1}@media (min-width:62rem){#temperature-data{font-size:4.5rem}}#time{display:none}@media (min-width:62rem){#time{display:block;font-size:4rem;font-weight:300;letter-spacing:-.1rem;line-height:1;margin-left:2rem;width:10rem}}#weather-data{--svg-size:3rem;align-self:stretch;position:relative;width:calc(3rem * 2);width:calc(var(--svg-size) * 2)}#weather-data svg{height:var(--svg-size);left:50%;margin-top:calc(var(--svg-size) * -.5);position:absolute;top:50%;width:var(--svg-size)}#weather-data svg:last-child{margin-left:calc(var(--svg-size) * -.25)}#weather-data svg:first-child:last-child{margin-left:calc(var(--svg-size) * -.5)}@media (min-width:62rem){#weather-data{--svg-size:4rem}}#week{display:flex;justify-content:space-evenly;margin-top:.5rem;text-align:center}@media (min-width:62rem){#week{margin-top:1rem}}.day{flex:1 1 0}.day_day{padding:.25rem .375rem;text-transform:uppercase}.day_day--alert{background:crimson;color:var(--white)}.day_weather{--svg-size:2.25rem;height:2.25rem;height:var(--svg-size);line-height:1;margin-top:.5rem;position:relative}.day_weather svg{height:var(--svg-size);left:50%;margin-top:calc(var(--svg-size) * -.5);position:absolute;top:50%;width:var(--svg-size)}.day_weather svg:first-child{margin-left:calc(var(--svg-size) * -.5)}.day_weather svg:last-child{margin-left:calc(var(--svg-size) * -.25)}.day_weather svg:first-child:last-child{margin-left:calc(var(--svg-size) * -.5)}.day_temperature{margin-top:.5rem}.midnightblue{background:#191970;color:var(--white)}.mediumblue{background:#0000cd;color:var(--white)}.dodgerblue{background:#0074e8;color:var(--white)}.mediumturquoise{background:#48d1cc;color:var(--black)}.green{background:green;color:var(--white)}.gold{background:gold}.gold,.orange{color:var(--black)}.orange{background:orange}.crimson{background:crimson}.crimson,.darkred{color:var(--white)}.darkred{background:darkred}