body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{height:100vh;width:100vw}body #root{height:100%;width:100%}body #root .App{align-items:center;display:flex;height:100%;justify-content:center;margin:0;position:absolute;width:100vw}body #root .App #GetWeatherButton{background-color:#89ca85;border:2px solid #fff;border-radius:30px;box-shadow:4px 4px 0 0 #422800;color:#1c1b19;cursor:pointer;display:inline-block;font-size:18px;font-weight:600;line-height:50px;margin:0 auto;padding:0 18px;text-align:center;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}body #root .App #GetWeatherButton:hover{background-color:#fff}body #root .App #GetWeatherButton:active{box-shadow:2px 2px 0 0 #422800;transform:translate(2px,2px)}body #root .App .ContentContainer{margin:20px;max-height:90vh}body #root .App .ForecastContainer{align-items:center;background-color:#322c33;border-radius:15px;color:#fff;display:flex;flex-wrap:wrap;padding:30px 0;text-align:center}body #root .App .ForecastContainer span{flex-basis:50%}@media(max-width:1000px){body #root .App .ForecastContainer span{flex-basis:100%}}body #root .App .ForecastContainer .TodayContainer{align-items:center;display:flex;flex-direction:column}body #root .App .ForecastContainer .TodayContainer .TodayHeaderSummary{display:block;font-size:1.5em;margin:0;padding:0}body #root .App .ForecastContainer .TodayContainer .TodayContainerMiddle{align-items:center;display:flex}body #root .App .ForecastContainer .TodayContainer .TodayContainerMiddle .TodaysWeatherIcon{filter:invert(99%) sepia(4%) saturate(93%) hue-rotate(249deg) brightness(115%) contrast(100%);width:3em}body #root .App .ForecastContainer .TodayContainer .TodayContainerMiddle .TodayHighLowContainer span{color:#cecece;display:block;margin-left:10px}body #root .App .ForecastContainer .TodayContainer .TodayActualTemp{font-size:4em}body #root .App .ForecastContainer .TodayContainer .TodayApparentTemp{display:block;font-style:italic}body #root .App .ForecastContainer .TodayAdditionalDetailsContainer span{align-items:center;display:flex;flex-direction:column}body #root .App .ForecastContainer .TodayAdditionalDetailsContainer .RainContainer .RainIcon,body #root .App .ForecastContainer .TodayAdditionalDetailsContainer .WindContainer .WindIcon{filter:invert(99%) sepia(4%) saturate(93%) hue-rotate(249deg) brightness(115%) contrast(100%);width:52px}body #root .App .WeeklyForecastContainer{background-color:#322c33;border-radius:15px;color:#fff;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:50px;margin-top:10px;padding:30px}@media(max-width:1000px){body #root .App .WeeklyForecastContainer{flex-wrap:wrap;padding:0 0 30px}}body #root .App .WeeklyForecastContainer .WeeklyForecastItem{align-items:center;display:flex;flex-basis:33%;flex-direction:column;padding:0 10px;text-align:center}@media(max-width:1000px){body #root .App .WeeklyForecastContainer .WeeklyForecastItem{flex:1 0 33%;margin-top:15px}}body #root .App .WeeklyForecastContainer .WeeklyForecastItem .WeeklyForecastDay{font-style:italic;margin-bottom:-10px}@media(max-width:1000px){body #root .App .WeeklyForecastContainer .WeeklyForecastItem .WeeklyForecastDay{margin-bottom:-30px}}body #root .App .WeeklyForecastContainer .WeeklyForecastItem .WeeklyForecastSummary{align-items:center;display:flex;font-size:1.3em;font-weight:700;height:70px;justify-content:center;margin:0 auto}@media(max-width:1000px){body #root .App .WeeklyForecastContainer .WeeklyForecastItem .WeeklyForecastSummary{height:100px}}body #root .App .WeeklyForecastContainer .WeeklyForecastItem .WeeklyForecastIcon{filter:invert(99%) sepia(4%) saturate(93%) hue-rotate(249deg) brightness(115%) contrast(100%);width:3em}body #root .App .WeeklyForecastContainer .WeeklyForecastItem .WeeklyForecastHigh,body #root .App .WeeklyForecastContainer .WeeklyForecastItem .WeeklyForecastLow{color:#cecece}body #root .App .WeeklyForecastContainer .WeeklyForecastItem .WeeklyForecastHigh{margin-top:20px;padding:5px}
/*# sourceMappingURL=main.5d7db2f7.css.map*/