@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600&display=swap);body{font-family:Fira Sans,sans-serif;font-weight:400;margin:0}.search{align-items:center;display:flex;justify-content:center}.searchbar{font-size:1rem;margin:30px 0;opacity:.5;padding:0 10px;width:400px}.search-btn,.searchbar{border:1px solid gray;height:40px}.search-btn{width:50px}.container{align-items:flex-start;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;justify-content:center;min-height:100vh;width:100%}.weather-card{margin:20px;text-align:center}.weather-card-main{align-items:center;display:flex}.weather-card-main>img{height:100px;width:100px}.temp{font-size:5rem;font-weight:400;margin:0}.weather-card-main>.temp>i{bottom:50px;font-size:12px;position:relative;right:5px}.weather-card-main>.temp>span{bottom:30px;font-size:2.5rem;position:relative;right:10px}.city{font-size:3rem;margin:0 0 0 auto}.description{font-size:2.5rem;font-weight:400}.weather-card-extra-info{display:flex;justify-content:space-between;margin-top:50px}.weather-card-extra-info>p>i{display:block;font-size:2rem;margin-bottom:8px}.weather-card-extra-info>p{margin:0 40px}.weather-card-extra-info>p>span{display:block;margin-top:5px}.no-result-found{background-image:url(/static/media/no-results-found.7957f4769bd8f5a8b6ee.jpg);background-repeat:no-repeat;background-size:cover;height:600px;width:800px}@media screen and (max-width:700px){.container{background-repeat:no-repeat;background-size:cover;height:100vh;min-height:0;min-height:auto;width:auto}.searchbar{width:200px}.weather-card{margin:20px 10px}.weather-card-main>img{height:60px;width:60px}.temp{font-size:3rem}.weather-card-main>.temp>i{bottom:30px}.weather-card-main>.temp>span{bottom:15px;font-size:2rem}.city{font-size:1.8rem;margin-right:10px}.description{font-size:1.5rem}.weather-card-extra-info{margin-top:40px}.weather-card-extra-info>p>i{font-size:1.5rem}.weather-card-extra-info>p{font-size:1rem;margin:0 12px}.weather-card-extra-info>p:first-of-type{margin-left:0}.weather-card-extra-info>p:last-of-type{margin-right:0}.no-result-found{height:200px;width:300px}}
/*# sourceMappingURL=main.4412196f.css.map*/