*{margin:0;font-family:Montserrat,sans-serif}#menu{display:none;position:absolute}nav div{height:48px;background-color:#eeeeee26;color:#fff;display:flex;flex-direction:row;align-items:center;font-size:24px;padding:1%}nav div h1{font-size:24px}#updatedTimeLabel{margin-left:auto}#reloadButton{background-color:#eee0;margin-right:1%;margin-left:1%;padding:.5%;border:none;font-size:24px}#reloadButton:hover{border-radius:10px;background-color:#eee6;cursor:pointer}#menuIcon{color:#000;padding:.5%;margin-right:.5%}#searchCity{background-color:#eee0;border-color:#000;padding:1%;border-radius:15px;width:20%}#logo{width:48px;height:48px}body{background:linear-gradient(to bottom,#91d8f5,#73bad7)}#content{margin:2em auto;width:60%;color:#fff}#recap{display:flex;flex-direction:row;justify-content:center;text-align:center;margin-bottom:1em}#recap img{width:256px;height:256px}#recapData{display:flex;flex-direction:column;align-items:center}#recapData #location{font-size:48px}#recapData #currentDegrees{font-size:60px}#recapData #weatherCondition{font-size:36px}#recapData #high-low,#feelsTemp{font-size:24px}#dailyWeatherContainer{height:256px;background-color:#64aac866;margin:auto auto 1em;padding:2%;border-radius:20px;display:flex;flex-direction:row;align-items:center;white-space:nowrap;overflow-x:auto}#dailyWeatherMetric{font-size:36px;display:flex;flex-direction:column;align-items:center;margin-right:12px}#weeklyWeatherContainer{min-height:100px;background-color:#64aac866;margin:auto auto 1em;padding:2%;border-radius:20px;display:flex;flex-direction:column;white-space:nowrap;overflow-x:auto}#weeklyWeatherMetric{font-size:24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-right:12px}.date{flex:1;text-align:left}.rain{flex:1;margin-left:1em}.weatherImg{flex:1;max-width:50px}.temp{flex:1;text-align:right}.barStats{display:flex;flex-direction:row;margin:auto auto 1em;justify-content:space-between}.barStat{background-color:#64aac866;border-radius:20px;display:flex;flex-direction:column;align-items:center;font-size:26px;padding:3%;width:25%;text-align:center}.barStat .type{margin-bottom:10px;color:#e6e6e6}#rain1,#rain2{color:#e6e6e6}.astroInfo{background-color:#64aac866;border-radius:20px;display:flex;flex-direction:column;padding:2%;justify-content:space-between;align-items:center;font-size:32px;text-align:center;margin-bottom:.5em}.astroInfo img{width:128px;height:128px}footer{color:#fff;padding:5px;text-align:center}@media (max-width: 875px){#weeklyWeatherContainer{flex-direction:row;justify-content:center}#weeklyWeatherMetric{flex-direction:column;margin-right:1em}.rain{margin:0}.weatherImg{max-width:60px}}@media (max-width: 750px){.zoomHide{display:none}#searchCity{width:100%}#recap img{width:200px;height:200px}#recap{flex-direction:column;align-items:center;text-align:center}.barStats{flex-direction:column;margin:auto}.barStat{width:100%;padding:2% 0;margin-bottom:.5em}.astroInfo{flex-direction:column;text-align:center}.astroInfo img{margin-left:0}.astroInfo div{margin-right:0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#90caf9;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px;border:2px solid #90caf9}::-webkit-scrollbar-thumb:hover{background-color:#f0f0f0}::-webkit-scrollbar-thumb:active{background-color:#d3d3d3}