*{box-sizing:border-box;margin:0;padding:0}.forecast-section{align-items:center;display:none;flex-direction:column;flex-wrap:nowrap;justify-content:space-around;padding:1em;position:absolute;top:8vh}.forecast-section div{align-items:flex-start;background:hsla(0,0%,100%,.1);border:solid rgba(255,253,250,.3);border-radius:25px;color:#fff;font-size:larger;font-weight:bolder;margin-bottom:1px;margin-right:auto;min-height:10vh;min-width:30%;padding:2vh;top:-10px}.forecast-section div:hover{border:solid rgba(255,251,2,.3)}#secondRowDiv{border:solid rgba(255,253,250,.3);border-radius:25px;color:azure;display:none;margin-left:17%;position:inherit;width:20%}body{background-color:#313131;font-family:Montserrat,sans-serif}.app{background-image:url(/static/media/stockWeather.acd417f25f16cfc72725.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:auto;overflow-x:hidden;overflow-y:hidden;transition:1s ease;width:90%}.app.Rain{background-image:url(/static/media/rain.75cb67a2593addaf6203.jpg)}.app.Clear{background-image:url(/static/media/sun.d4d088d48cb206e70a6e.jpg)}.app.Clouds{background-image:url(/static/media/cloudy.dcf52549e9b4f473a8b1.jpg)}.app.Thunderstorm{background-image:url(/static/media/thunder.d5d84519c2c6575e6d98.jpg)}.app.Fog{background-image:url(/static/media/fog.2ec4e62e84b71eecf52b.jpeg)}.app.Snow{background-image:url(/static/media/snow.47394ecf12ade28dc136.jpeg)}.app.Mist{background-image:url(/static/media/mist.95069543ba53bdf49154.jpg)}main{background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.75));min-height:100vh;padding:25px}.search-box{margin:auto;width:69%}.search-box .search-bar{align-content:center;-webkit-appearance:none;appearance:none;background:none;background-color:hsla(0,25%,86%,.5);border:none;border-radius:0 0 16px 16px;box-shadow:0 5px rgba(0,0,0,.2);color:#313131;display:block;font-size:20px;margin:-23px auto auto;outline:none;padding:15px;text-align:center;transition:.8s ease;width:75%}.search-box .search-bar:focus{background-color:hsla(0,0%,100%,.75)}.location-box .location{color:#fff;font-size:32px;font-weight:500;margin:auto;padding:1vh;text-align:center;text-shadow:3px 3px rgba(50,50,70,.5)}.location-box .date{color:#fff;font-size:20px;font-style:italic;font-weight:300;text-align:center;text-shadow:2px 2px rgba(50,50,70,.5)}.weather-box{margin:auto;text-align:center}.weather-box .temp{background-color:hsla(0,0%,100%,.2);border-radius:16px;box-shadow:3px 6px rgba(0,0,0,.2);color:#fff;display:inline-block;font-size:102px;font-weight:900;margin:30px auto;padding:15px 25px;position:relative;text-align:center;text-shadow:3px 6px rgba(50,50,70,.5)}.weather-box .weather{color:#fff;font-size:48px;font-weight:700;text-shadow:3px 3px rgba(50,50,70,.5)}.five-day-forecast{border:.16em solid #fff;border-radius:15px;bottom:3vmin;box-sizing:border-box;color:#302f2f;display:inline-block;font-family:Roboto,sans-serif;font-weight:400;margin:0 .3em .3em 0;padding:.5em 3em;position:fixed;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .15s}.five-day-forecast:hover{border-color:#ddd;color:#5a5e94bb}.five-day-forecast:active{border-color:#bbb;color:#bbb}@media (max-width:30em){.five-day-forecast{display:block;margin:.4em auto}}@media only screen and (max-width:600px){body{display:flex;flex-direction:column}.app{background-size:contain;margin:0;width:100%}#DaysForecast{flex-direction:column;position:inherit}.search-box{width:90vw}.app{background-image:url(/static/media/stockWeather.acd417f25f16cfc72725.jpg)}.app,.app.Rain{background-size:auto 100%}.app.Rain{background-image:url(/static/media/rainPortrait.29d97e47b588a4754434.jpg)}.app.Clear{background-image:url(/static/media/clearPortraitjpeg.3ee05009b91eef567936)}.app.Clear,.app.Clouds{background-size:auto 100%}.app.Clouds{background-image:url(/static/media/cloudyPortrait.571ca78a8effc3bac5cd.jpeg)}.app.Thunderstorm{background-image:url(/static/media/thunderPortrait.d52c1cb4a8fa2516afe2.jpg);background-size:auto 100%}.app.Fog{background-image:url(/static/media/fogPortrait.647c65de76a719cff805.jpeg);background-size:auto 100%}}
/*# sourceMappingURL=main.0f9920c8.css.map*/