@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.app{background-position:50%;background-size:cover}.app,.overlay{height:100vh;width:100%}.overlay{background-color:rgba(0,0,0,.3);background-color:var(--background-overlay)}.container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:auto;max-width:50rem;padding:1rem}.section{border-radius:.4rem;color:#fff;padding:1rem;width:100%}.section__input,.section__temp{align-items:center;background-color:rgba(0,0,0,.6);background-color:var(--section-overlay);display:flex;justify-content:space-between}.section__input>input{background-color:initial;border:.8px solid #fff;border-radius:.4rem;color:#fff;font-size:1rem;font-weight:200;max-width:85%;padding:.5rem}.section__input>input:focus{outline:none}.section__input>button{background-color:#fff;border:none;border-radius:.4rem;font-size:.9rem;font-weight:500;padding:.6rem 1rem}.section__input>button:hover{background-color:#d3d3d3;cursor:pointer}.city__container{align-items:center;display:flex;flex-direction:column;justify-content:center}.city__container>h3{font-size:1.2rem;font-weight:300;text-transform:capitalize}.temperature>h1{font-size:3.2rem}:root{--section-overlay:rgba(0,0,0,.6);--background-overlay:rgba(0,0,0,.3)}.section__description{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr)}.card{background-color:rgba(0,0,0,.6);background-color:var(--section-overlay);border-radius:.4rem;color:#fff;flex-direction:column;justify-content:space-between;padding:.8rem}.card,.description_card_icon{align-items:center;display:flex}.description_card_icon{flex-direction:row;gap:5px;justify-content:center;margin-bottom:.7rem;width:100%}.description_card_icon>small{text-transform:capitalize}@media screen and (max-width:1024px){.section__description{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=main.70b6ef07.css.map*/