@font-face{font-family:Neue Haas Grotesk\ ;font-style:normal;font-weight:400;src:local("Neue Haas Grotesk  Roman"),local("Neue-Haas-Grotesk--Roman"),url(/weather-app/static/media/NeueHaasDisplay-Roman.e51f1f135cd84cd5b8bf.woff) format("woff")}@font-face{font-family:Neue Haas Grotesk\ ;font-style:italic;font-weight:400;src:local("Neue Haas Grotesk  Roman Italic"),local("Neue-Haas-Grotesk--Roman-Italic"),url(/weather-app/static/media/NeueHaasDisplay-RomanItalic.95d176e79d0ca82fcc34.woff) format("woff")}*,:after,:before{box-sizing:border-box}*{font-size:inherit;margin:0;padding:0}img,picture,svg,video{display:block;max-width:100%}button{background:none;border:0;color:inherit;font-family:inherit;font-weight:inherit;padding:0}button:hover{cursor:pointer}a{color:inherit;text-decoration:inherit}h1{font-weight:inherit}html{height:-webkit-fill-available}body{background-color:#111;background-color:var(--background-clr);color:#fff;color:var(--clr-primary);font-family:Outfit,sans-serif;line-height:1;min-height:-webkit-fill-available;overflow-y:hidden;-webkit-user-select:none;user-select:none}body,body *,body :focus,body :hover{cursor:url(/weather-app/static/media/cursor.a80b28a00627ee73be34.cur),auto}#root{height:100vh;height:100dvh;position:relative}.App{display:flex;flex-direction:column;height:100%;justify-content:space-between}.react-p5{position:absolute;z-index:99}header{line-height:.85;padding:20px}@media only screen and (min-width:576px){header{align-items:flex-start;display:flex;justify-content:space-between}}@media only screen and (max-width:576px){header{padding:15px}}.header-options{display:flex;gap:3em}@media only screen and (max-width:576px){.header-options{justify-content:center;margin-top:1em}}@media only screen and (max-width:900px){.header-options{gap:0}}.title{letter-spacing:-.01em;text-transform:uppercase}@media only screen and (max-width:576px){.title{font-size:15.5vw;text-align:center}}@media only screen and (min-width:576px){.title{font-size:9.6vw}}@media only screen and (min-width:900px){.title{font-size:9vw}}.input-color{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:0;height:1.5em;padding:0}@media only screen and (max-width:900px){.input-color{display:none}}.github-btn{border:1px solid #fff;border:1px solid var(--clr-primary);border-radius:20px;font-size:12px;line-height:1;padding:.35em .7em}.github-btn.active,.github-btn:hover{background-color:#fff;background-color:var(--clr-primary);color:#111;color:var(--background-clr);font-weight:400}.weather-info-container{letter-spacing:-.01em;padding:15px 15px 53px;text-transform:uppercase}@media only screen and (max-width:576px){.weather-info-container{font-size:15.5vw;line-height:.85;text-align:center}}@media only screen and (min-width:576px){.weather-info-container{font-size:9.6vw;line-height:.9;padding:20px 20px 58px}}@media only screen and (min-width:900px){.weather-info-container{font-size:9vw;line-height:.8}}.stats-wrapper{display:flex;font-size:12px;font-weight:300;letter-spacing:0;margin-bottom:.5em;text-transform:none}@media only screen and (max-width:576px){.stats-wrapper{justify-content:space-between}}@media only screen and (min-width:576px){.stats-wrapper{font-size:16px;gap:15%;margin-bottom:1.5em;margin-left:25%}}@media only screen and (min-width:900px){.stats-wrapper{margin-left:53%}}.stat label{margin-right:.7em;opacity:.6}.degrees-wrapper{display:flex}.degrees-wrapper span{display:block}@media only screen and (max-width:576px){.degrees-wrapper{gap:.25em;justify-content:center;text-align:center}}@media only screen and (min-width:576px){.degrees-wrapper{gap:.7em}}.date{text-align:center}@media only screen and (min-width:576px){.time{margin-left:32%}}:root{--clr-primary:#fff;--background-clr:#111}.bottom-container{background-color:#111;background-color:var(--background-clr);border-top:2px solid #fff;border-top:2px solid var(--clr-primary);bottom:0;display:flex;font-size:12px;gap:1.5em;line-height:1;padding:.75em 3% .75em .75em;position:absolute;-webkit-transform:translateY(calc(100% - 3px - 3.15em));transform:translateY(calc(100% - 3px - 3.15em));transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;width:100%}.bottom-container:hover{-webkit-transform:translateY(0);transform:translateY(0)}@media only screen and (max-width:450px){.bottom-container{overflow-x:scroll}}@media only screen and (max-width:900px){.bottom-container button{display:none}}@media only screen and (min-width:900px){.bottom-container{gap:2em}.bottom-container select{display:none}}.bottom-container label{display:inline-block;letter-spacing:.03em;padding-block:calc(.3em + 1px);text-transform:uppercase}@media only screen and (max-width:900px){.bottom-container label{padding-block:.3em}}.bottom-container button{border:1px solid #fff;border:1px solid var(--clr-primary);border-radius:20px;line-height:1;padding:.35em .7em}.bottom-container button.active,.bottom-container button:hover{background-color:#fff;background-color:var(--clr-primary);color:#111;color:var(--background-clr);font-weight:400}.bottom-container select{background:#111;background:var(--background-clr);color:#fff;color:var(--clr-primary);font-family:inherit}.dates-container,.districts-container{align-items:flex-start;display:flex;gap:1.5em}@media only screen and (max-width:576px){.dates-container,.districts-container{gap:.75em}}@media only screen and (min-width:900px){.districts-container{width:80%}}.dates-wrapper,.districts-wrapper{display:flex;flex-wrap:wrap;gap:.7em}.credits-text{bottom:0;opacity:.7;padding:15px;position:absolute;right:0}@media only screen and (max-width:900px){.credits-text{display:none}}
/*# sourceMappingURL=main.d14a42b5.css.map*/