*{margin:0;padding:0;box-sizing:border-box}body{font-family:"montserrat",sans-serif}.app{background-size:cover;background-position:bottom;transition:.4s ease-out}.app,.app.default{background-image:url(/static/media/default-bg.09b3ca6c.jpg)}.app.sunny{background-image:url(/static/media/sunny-bg.a521af14.jpg)}.app.hot{background-image:url(/static/media/sunny-cloud-bg.6731b88e.jpg)}.app.cold{background-image:url(/static/media/cold-bg.334d1caa.jpg)}.app.mist{background-image:url(/static/media/mist-bg.3ca8e8a1.jpg);transition:background 1s}.app.rainy{background-image:url(/static/media/rainy-bg.d4d9f9fd.jpg)}.app.haze{background-image:url(/static/media/haze-bg.6e20919e.jpg)}.app.cloudy{background-image:url(/static/media/cloud-bg.738d2684.jpg);transition:.4s ease-out}.app.smoke{background-image:url(/static/media/haze-bg.6e20919e.jpg)}.app.snow{background-image:url(/static/media/cold-bg.334d1caa.jpg)}.app.clear{background-image:url(/static/media/clear-bg.571ed086.jpg)}.app.drizzle{background-image:url(/static/media/rainy-bg.d4d9f9fd.jpg)}.app.thunder{background-image:url(/static/media/thunderstorm-bg.e37282ff.jpg)}main{min-height:100vh;background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.75));padding:25px}.search-box{width:100%;margin:0 0 75px}.search-box .search-bar{display:block;width:75%;padding:15px;-webkit-appearance:none;appearance:none;background:none;border:none;outline:none;background-color:hsla(0,0%,100%,.5);border-radius:0 0 16px 16px;margin:-25px auto auto;box-shadow:0 5px rgba(0,0,0,.2);color:#313131;font-size:20px;transition:.4s ease}.search-box .search-bar:focus,.search-box .search-bar:hover{width:100%;border-radius:16px;transition:.5s;margin-top:5px;background-color:hsla(0,0%,100%,.75)}.location-box .location{color:#fff;font-size:2rem;font-weight:500;text-align:center;text-shadow:3px 3px rgba(50,50,50,.5)}.location-box .date{color:#fff;font-size:20px;font-weight:300;font-style:italic;text-align:center;text-shadow:2px 2px rgba(50,50,50,.5)}.weather-box{text-align:center}.weather-box .temp{position:relative;display:inline-block;margin:30px 0;background-color:hsla(0,0%,100%,.2);border-radius:16px;padding:15px 25px;font-size:6.25rem;font-weight:900;text-align:center;box-shadow:3px 6px rgba(0,0,0,.2)}.weather-box .temp,.weather-box .weather{color:#fff;text-shadow:3px 6px rgba(50,50,50,.5)}.weather-box .weather{font-size:3rem;font-weight:700}.temp-box{display:flex;justify-content:center;align-items:center}.weather-box img{width:10rem}.date,.location{padding:8px}.location-box .location{width:75%;margin:auto;font-size:3rem}.location-box .location:hover{transition:.4s;-webkit-transform:scale(1.1);transform:scale(1.1)}.location-box .date{width:80%;margin:auto;font-size:1.5rem}.location-box .date:hover{transition:.4s;-webkit-transform:scale(1.1);transform:scale(1.1)}.weather{width:70%;margin:auto}.temp:hover,.weather:hover{transition:.4s;-webkit-transform:scale(1.1);transform:scale(1.1)}a,a:hover{text-decoration:none}@media (max-width:500px){.search-box{margin-bottom:100px}.location-box .location{font-size:2.2rem}.weather-box .temp{font-size:5rem;margin-top:100px}.weather-box .weather{font-size:2.5rem}.app{background-image:url(/static/media/default-phone-bg.cb8b91ce.jpg)}}
/*# sourceMappingURL=main.c66300fc.chunk.css.map */