:root{--section-overlay:#000000b3;--backgroud-overlay:#0003}*{box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif;overflow:hidden}*,body,html{margin:0;padding:0}body,html{height:100%}.app{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;width:100vw}.app,.overlay{align-items:center;display:flex;justify-content:center}.overlay{background-color:#0003;background-color:var(--backgroud-overlay);height:100vh;width:100%}.container{word-wrap:break-word;border-radius:.5rem;display:flex;flex-direction:column;max-width:600px;min-width:0;overflow-wrap:break-word}.container,.section{padding:1rem;width:100%}.section{border-radius:.4rem;color:#fff}.section__inputs{padding:1rem}.section__inputs,.section__temperature{align-items:center;background-color:#000000b3;background-color:var(--section-overlay);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.section__temperature{flex-direction:row;margin-top:.8rem}.section__inputs>input{background-color:initial;border:.8px solid #fff;border-radius:.4rem;color:#fff;flex:1 1 auto;font-size:1rem;font-weight:200;height:2rem;min-width:0;padding:.5rem;width:100%}.section__inputs>input:focus{outline:none}.section__inputs>button{background-color:#fff;border:none;border-radius:.4rem;color:#000;font-size:1rem;font-weight:500;height:2rem;max-width:100%;min-width:3rem;width:100%}.section__inputs>button:hover{background-color:#d3d3d3;cursor:pointer}.icon{align-items:center;display:flex;flex-direction:column;justify-content:center}.icon>h3{font-size:1rem;font-weight:200;text-transform:capitalize}.temperature>h1{font-size:3rem}@media screen and (max-width:600px){.section__temperature{align-items:center;flex-direction:column}.section__inputs{align-items:stretch;flex-direction:column}.temperature>h1{font-size:2.5rem}.section__inputs{align-items:stretch;flex-direction:column}.section__inputs>button,.section__inputs>input{width:100%}}@media screen and (max-width:300px){.container{margin:auto;padding:.5rem}.temperature h1{font-size:1.8rem}.icon h3{font-size:.8rem}.section__inputs>button,.section__inputs>input{font-size:.8rem;padding:.25rem}}.section__description{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.card{background-color:var(--section-overlay);border-radius:.4rem;flex-direction:column;justify-content:space-between;padding:1rem}.card,.description__card-icon{align-items:center;display:flex}.description__card-icon{flex-direction:row;gap:5px;justify-content:center;margin-bottom:12px;width:100%}.description__card-icon>small{text-transform:capitalize}@media screen and (max-width:300px){.section__description{gap:1rem;grid-template-columns:1fr}.card{padding:.75rem}.description__card-icon{gap:.5rem}h2{font-size:1.2rem}}
/*# sourceMappingURL=main.3b595e29.css.map*/