*{margin:0;padding:0;box-sizing:border-box}body{font-family:"montseratt",sans-serif}.app{background-image:url(/static/media/cold-bg.a3f3f533.jpg);background-size:cover;background-position:bottom;transition:1s ease-out}.app.warm{background-image:url(/static/media/warm-bg.a7f83012.jpg)}main{min-height:100vh;background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.75));padding:20px}.search-box{width:100%;margin:0 0 75px}.search-bar{display:block;width:100%;padding:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;background-color:hsla(0,0%,100%,.5);border-radius:0 0 20px 20px;margin-top:-25px;box-shadow:0 5px rgba(0,0,0,.2);color:#313131;font-size:20px;transition:.4s ease}.search-bar .search-box:focus{background-color:hsla(0,0%,100%,.75)}.location-box .location{color:#fff;font-size:35px;font-family:"Montserrat",sans-serif;font-weight:60;text-align:center;text-shadow:5px 2px rgba(50,50,60,.5)}.location-box .date{color:#fff;font-size:18px;font-weight:300;font-style:italic;text-align:center;text-shadow:3px 0 rgba(50,50,60,.5)}.weather-box{text-align:center}.weather-box .temp{position:relative;display:inline-block;margin:30px;background-color:hsla(0,0%,100%,.1);padding:15px 25 px;font-size:90px;font-weight:900;text-shadow:3px 6px rgba(50,50,70,.5);color:#fff;text-align:center;box-shadow:3px 6px rgba(0,0,0,.2);border-radius:15px}.weather-box .weather{color:#fff;font-size:35px;text-align:center;font-weight:600}
/*# sourceMappingURL=main.3355e118.chunk.css.map */