#root,body,html{background:#0a1f44;color:#1e2432;font:.9rem sans-serif;height:100%;margin:0}.container{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.418)),url(/static/media/backgroundHome.7b83f7cda99cf768cbb6.jpg)}.container,.containerButton{background-position:50%;background-size:cover}.containerButton{padding:50px 50px 0}.main-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-top:-50px}#ON.search{background:hsla(0,0%,98%,.678);color:#1e2432}#OFF.search,#ON.search{border:none;border-radius:20px;margin-bottom:5%;outline:none;padding:20px 7%}#OFF.search{background:hsla(0,0%,4%,.85);color:#aeb6c9}#ON.city{background:hsla(0,0%,98%,.5)}#OFF.city,#ON.city{align-items:center;border-radius:20px;box-shadow:10px 10px 5px 0 hsla(0,0%,6%,.404);display:flex;flex-direction:column;justify-content:center;padding:40px 8%}#OFF.city{background:hsla(0,0%,4%,.85);color:#aeb6c9}p{letter-spacing:.05em;margin-top:10px;text-transform:uppercase}#ON.city-temp{color:#1e2432}#OFF.city-temp,#ON.city-temp{font-size:5rem;font-weight:700;margin-top:10px;text-align:center}#OFF.city-temp{color:#aeb6c9}.city sup{font-size:.5em}.city-name{font-size:2em}.city-name sup{background:#ff8c00;border-radius:30px;color:#fff;margin-left:.2em;padding:.2em .6em}.city-icon{height:100px;margin-top:10px;width:100px}#OFF.info,#ON.info{align-items:center;display:flex;flex-direction:column}#OFF.info{color:#fff}@media only screen and (max-width:600px){.search{padding:20px 15%}.city{padding:40px 20%}}.footer{align-items:center;background-color:hsla(160,2%,74%,.411);display:flex;justify-content:center;padding:20px}.footerText{color:#000;font-size:15px}.containerButton{align-items:center;background-color:hsla(160,2%,74%,.411);display:flex;justify-content:space-around;padding:20px}#ON.button{background:hsla(0,0%,4%,.85);border-radius:20px;color:#aeb6c9;width:200px}#OFF.button{width:200px}#OFF.button,#ON.buttonEs{background:hsla(0,0%,98%,.678);border-radius:20px;color:#1e2432}#ON.buttonEs{width:40px}#OFF.buttonEs{background:hsla(0,0%,4%,.85);color:#aeb6c9}#OFF.buttonEs,#ON.buttonEn{border-radius:20px;width:40px}#ON.buttonEn{background:hsla(0,0%,98%,.678);color:#1e2432}#OFF.buttonEn{background:hsla(0,0%,4%,.85);border-radius:20px;color:#aeb6c9;width:40px}
/*# sourceMappingURL=main.7b37746b.css.map*/