*{box-sizing:border-box}body{margin:0;font-family:"Ubuntu",sans-serif;color:#fff;line-height:1.6}img{display:block;max-width:100%}.app,.output-container{display:flex;flex-direction:column}.background{background-image:url(/static/media/partly-cloudy.b654f387.jpg);position:fixed;background-size:cover;background-position:50%;height:100vh;width:100vw;z-index:-1}.night{background-image:url(/static/media/night.c69dfd84.jpg)}.snow{background-image:url(/static/media/snow.22742b3b.jpg)}.thunderstorm{background-image:url(/static/media/thunderstorm.4f719161.jpg)}.rain{background-image:url(/static/media/rain.318f0809.jpg)}.partly-cloudy{background-image:url(/static/media/partly-cloudy.b654f387.jpg)}.cloudy{background-image:url(/static/media/cloudy.a6e76181.jpg)}.sunny{background-image:url(/static/media/sunny.9e1b90dd.jpg);background-position:0 0}.input-container{background-color:rgba(0,0,0,.5);border:2px solid rgba(0,0,0,.6);border-radius:10px;display:grid;width:90%;max-width:300px;padding:1em;margin:2em auto}.zip-label{text-align:center;font-weight:700;font-size:1.1rem;margin:0 0 .5em}#zip-input{text-align:center;border-radius:5px;margin:0 0 1em}#zip-input,.button{font-size:1rem;height:2em}.button{font-weight:700;border:none;border-radius:5px;cursor:pointer}.hovered{color:#fff;background-color:rgba(0,0,0,.6)}@media (max-width:340px){.zip-label{font-size:1rem}}.current-container{background-color:rgba(0,0,0,.5);border:2px solid rgba(0,0,0,.6);border-radius:10px;display:grid;grid-template-rows:-webkit-min-content 2em 8em 2em 2em 2em;grid-template-rows:min-content 2em 8em 2em 2em 2em;grid-template-areas:"icon" "description" "temp" "feels-like" "humidity" "wind-speed";justify-items:center;align-items:center;max-width:90%;padding:1em;margin:0 auto 3em}.current-container p{margin:0}.current-icon{grid-area:icon;margin-bottom:1em}.current-temp{grid-area:temp;font-size:8rem;font-weight:700}.degree{font-weight:400}.current-feels-like{grid-area:feels-like}.current-description{grid-area:description;font-size:1.75rem;text-transform:capitalize}.current-humidity{grid-area:humidity}.current-wind-speed{grid-area:wind-speed}.daily-container,.hourly-container{display:grid;grid-template-rows:auto auto;margin-bottom:3em}.day-displays-container,.hour-displays-container{display:grid;grid-template-rows:auto;grid-template-columns:repeat(48,11em);grid-column-gap:.5em;padding:0 1em .5em;overflow-x:scroll;overflow-y:hidden;scrollbar-color:rgba(0,0,0,.6) rgba(0,0,0,.5)}.day-displays-container::-webkit-scrollbar,.hour-displays-container::-webkit-scrollbar{width:.25em;height:.75em}.day-displays-container::-webkit-scrollbar-track,.hour-displays-container::-webkit-scrollbar-track{background:rgba(0,0,0,.5)}.day-displays-container::-webkit-scrollbar-thumb,.hour-displays-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.6);border:none}.section-title{grid-row:1;width:9em;text-align:center;margin:0 0 .25em .5em}.day-display-container,.hour-display-container,.section-title{background-color:rgba(0,0,0,.5);border:2px solid rgba(0,0,0,.6);border-radius:10px}.day-display-container,.hour-display-container{grid-row:2;display:grid;grid-template-rows:2.5em 2.5em -webkit-min-content -webkit-min-content 5em repeat(4,2em);grid-template-rows:2.5em 2.5em min-content min-content 5em repeat(4,2em);justify-items:center;align-items:center;padding:1em}.right-margin-spacer{grid-column:-1;grid-row:2;width:.75em}.day-display-container p,.hour-display-container p{margin:0}.daily-date,.daily-day,.hourly-day,.hourly-hour{font-size:1.5rem;margin:0}.daily-icon,.hourly-icon{width:100%;margin:1em 0}.daily-description,.hourly-description{font-size:1.5rem;text-align:center;text-transform:capitalize;line-height:1.25}.hourly-temp{font-weight:700;font-size:4rem}.day-displays-container{grid-template-columns:repeat(8,11em)}.day-display-container{grid-template-rows:2.5em 2.5em -webkit-min-content -webkit-min-content 5em repeat(3,2em);grid-template-rows:2.5em 2.5em min-content min-content 5em repeat(3,2em)}.daily-temp{font-weight:700;font-size:2rem}@media (max-width:600px){.hour-displays-container{grid-template-columns:repeat(48,6.5em);grid-column-gap:.5em;padding:0 1em .5em}.day-displays-container{grid-template-columns:repeat(8,6.5em);grid-column-gap:.5em;padding:0 1em .5em}.hour-display-container{grid-template-rows:1.5em 1.5em -webkit-min-content -webkit-min-content 3.25em repeat(4,1em);grid-template-rows:1.5em 1.5em min-content min-content 3.25em repeat(4,1em);padding:.25em}.day-display-container{grid-template-rows:1.5em 1.5em -webkit-min-content -webkit-min-content 2.5em repeat(3,1em);grid-template-rows:1.5em 1.5em min-content min-content 2.5em repeat(3,1em);padding:.25em}.daily-date,.daily-day,.hourly-day,.hourly-hour{font-size:1rem}.daily-icon,.hourly-icon{width:90%;margin:.25em 0}.daily-description,.hourly-description{font-size:1rem;line-height:1.25}.hourly-temp{font-size:2.5rem}.daily-temp{font-size:1.25rem}.daily-humidity,.daily-rain-chance,.daily-wind-speed,.hourly-feels-like,.hourly-humidity,.hourly-rain-chance,.hourly-wind-speed{font-size:.65rem}}
/*# sourceMappingURL=main.839c8eee.chunk.css.map */