.snapshot .header{display:flex;align-items:center;justify-content:space-between}.snapshot .day{font-size:1.2em}.snapshot .date .day-time{display:flex}.snapshot .date .month-date{font-size:1.2em}.snapshot .date .time{margin-left:.5em;padding-left:.5em;border-left:1px solid #000;display:flex;align-items:center}.snapshot .data{display:flex;border-top:1px solid #000;margin-top:1em;padding-top:.5em;justify-content:space-between}.snapshot .left{width:50%;text-align:center}.snapshot .temperature{font-size:2em;padding:.5em}.snapshot .humidity{display:flex}.snapshot .description{display:flex;align-items:center}.snapshot .description .label{font-size:1.5em}.chart-container{display:flex;justify-content:center}.lineup{display:flex;justify-content:space-around;font-weight:200}.lineup>div{display:flex;flex-direction:column;align-items:center}.lineup .high,.lineup .low{font-size:1.5em}.lineup .high{text-shadow:1px 1px #ec6e4b}.lineup .low{text-shadow:1px 1px #4b92ec}.lineup .high:after,.lineup .low:after{content:"°"}.hourly .hour .row{display:flex}.hourly .hour .row .label{width:30%;text-align:right;margin-right:9%}.hourly .hour .row .temp{width:20%;text-align:center;margin:0 5%}.hourly .hour .row .icon img{height:25px}.app{display:flex;flex-direction:column;align-items:center}body{background:#def;background-image:url(/blue-clouds.jpeg)}header,main{display:flex;margin-bottom:2em}main{flex-direction:column}header a{background:#eee;display:flex;padding:.3em;min-width:20vw;justify-content:center;border-radius:0 0 5px 5px;margin:0 .2em;font-weight:200;font-size:1em}button,header a{box-shadow:3px 3px 6px #000}button{border-width:1px;border-radius:5px}a{text-decoration:none;color:#000;border-color:#eee;border-style:solid;border-width:0 1px 2px}section{width:90vw;background:#eee;box-shadow:3px 3px 6px #000;border-radius:5px;padding:1em;font-weight:200}section h1,section h2{font-weight:200;margin-top:0}section h2{margin-bottom:0}.location-for-data{margin-bottom:1em;padding-top:.3em;padding-bottom:.3em}.icon{background:#666;background:radial-gradient(#666,#aaa,transparent,transparent)}.icon img{height:50px}#location-select,#units-select{font-size:1.5em;padding:.3em;width:100%;text-align:center}html{font-size:100%}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5}button:disabled{opacity:.5}
/*# sourceMappingURL=main.09f95d55.chunk.css.map */