@import url(https://fonts.googleapis.com/css2?family=Prompt&family=Roboto&display=swap);*{box-sizing:border-box;font-family:Roboto,Prompt,sans-serif;padding:0}*,body{margin:0}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}p{font-size:26px}h1{font-size:96px}.app .search{padding:25px 20px 20px;text-align:center;width:500px}.search input{margin-top:40px}.app input{background:#ffffff4d;border:1px solid #fffc;border-radius:25px;color:#fff;font-size:19px;max-width:400px;outline:none;padding:12px 24px;transition:background .3s,border .3s;width:80%}.search input:focus{border:1px solid #fff}.app,::placeholder{color:#fff}.app{align-items:center;background-color:#0003;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;overflow:hidden;position:relative;width:100%}.app:before{background:url(/static/media/main.2a278f2349a1268de08c.jpg) no-repeat 50%/cover;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.app-thunderstorm:before{background:url(/static/media/Thunderstorm.56fcdfd67fbf4e6d2cb7.jpg) no-repeat 50%/cover}.app-drizzle:before{background:url(/static/media/Drizzle.a767aecfc54db3ea9ee9.jpg) no-repeat 50%/cover}.app-rain:before{background:url(/static/media/Rain.a3ff818a56fccb2c13b1.jpg) no-repeat 50%/cover}.app-snow:before{background:url(/static/media/Snow.a7c25fa7801018b73f0e.jpg) no-repeat 50%/cover}.app-clear:before{background:url(/static/media/Clear.78d1bdc272471d3b6968.jpg) no-repeat 50%/cover}.app-clouds:before{background:url(/static/media/Clouds.7d07f7f13526ced91f15.jpg) no-repeat 50%/cover}.app-squall:before{background:url(/static/media/Squall.06f4658623d7f553a319.jpg) no-repeat 50%/cover}.app-tornado:before{background:url(/static/media/Tornado.8a4f679a6d53e7de50ee.jpg) no-repeat 50%/cover}.app-haze:before{background:url(/static/media/Haze.630ca30b5ca96e10aa4a.jpg) no-repeat 50%/cover}.app-fog:before{background:url(/static/media/Fog.c2cac4ec1d3038088e7a.jpg) no-repeat 50%/cover}.app-mist:before{background:url(/static/media/Mist.630ca30b5ca96e10aa4a.jpg) no-repeat 50%/cover}.container{background:#0000004d;border-radius:25px;height:700px;justify-content:space-between;max-width:800px;padding:0 16px;position:relative;top:10%}.app .top,.container{display:flex;flex-direction:column}.app .top{align-items:center;margin:56px auto;width:100%}.app .description{float:right;position:relative;top:30px}.app .description p{align-items:center;display:flex;text-transform:uppercase}.app .description p svg{font-size:35px;margin-right:6px}.app .temp{margin:10px 0}.app .temp h1{font-size:96px;margin:0}.app .date{margin-top:15px}.app .date p{align-items:center;display:flex;font-size:23px;padding:5px}.app .date p svg{font-size:26px;margin-right:8px}.app .bottom{background-color:#fff3;border-radius:25px;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:16px auto;padding:22px;text-align:center;width:100%}.app .bottom>div{flex:1 1 30%;margin:10px}.bold{font-size:26px;font-weight:700}.bottom p{align-items:center;display:flex;justify-content:center}.bottom p svg{margin-right:8px}@media only screen and (max-width:1024px){.container{max-width:600px;padding:20px 20px 5px;top:10%}.app .temp h1,h1{font-size:80px}.bold{font-size:24px}.app .search{width:450px}.app .description p{font-size:24px}.app .description p svg{font-size:32px}.app .date p{font-size:20px}.app .date p svg{font-size:24px}}@media only screen and (max-width:768px){.container{height:auto;padding:16px 16px 0;top:5%;width:400px}.app{margin:0;padding:10px}.app .search input{margin-top:20px;max-width:300px;width:100%}.app .bottom{align-items:center;flex-direction:column;padding:16px}.app .bottom>div{flex:1 1 auto;margin-bottom:20px;text-align:center}.app .description{float:none;margin-top:10px;text-align:center;top:15px}.app .temp h1{font-size:64px}.app .description p{font-size:22px}.app .description p svg{font-size:24px}.app .date p{font-size:19px}.app .date p svg,p{font-size:22px}h1{font-size:64px}.bold{font-size:24px}}@media only screen and (max-width:480px){.container{height:auto;margin-top:0;padding:16px 16px 0;top:5%;width:350px}.location p{font-size:20px}.app .temp h1,h1{font-size:56px}.app .top{margin-bottom:20px;margin-top:20px}p{font-size:19px}.bold{font-size:21px}.search input{font-size:16px}.bottom p svg{margin-right:5px}.app .description p{font-size:22px}.app .description p svg{font-size:24px}}
/*# sourceMappingURL=main.672e49f2.css.map*/