:root{--section-overlay: rgba(0, 0, 0, .4);--background-overlay: rgba(0, 0, 0, 0)}*{margin:0;padding:0;box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif}.app{width:100%;height:100vh;background-position:center;background-size:cover}.overlay{width:100%;height:100vh;background-color:var(--background-overlay)}.container{max-width:800px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:2rem;border-radius:40px;background-color:var(--section-overlay);border-style:none}h4{color:#0b0e0f;font-weight:800;font-size:40px}.section{width:100%;padding:1rem;border-radius:.4rem;color:#fff;margin-top:auto;margin-bottom:auto}.section__inputs,.section__temperature{display:flex;align-items:center;justify-content:space-between}.section__inputs>input{border:.8px solid rgb(243,243,243);border-radius:5rem;background-color:transparent;color:#fff5f5;padding:.6rem;font-size:18px;font-weight:200}.section__inputs>::placeholder{color:#f0f8ff}.section__inputs>input:focus{outline:none}.section__inputs>button{padding:10px 30px;border:none;border-radius:5rem;font-size:20px;font-weight:500;background-color:#fff}.section__inputs>button:hover{cursor:pointer;background-color:#7cddc3}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center}.icon>h3{font-size:15px;font-weight:200;text-transform:capitalize}.temperature>h1{font-size:60px}.section__descriptions{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:var(--section-overlay);padding:1rem;border-radius:6rem}.description__card-icon{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin-bottom:17px}.description__card-icon>small{text-transform:capitalize}@media screen and (max-width: 1024px){.section__descriptions{grid-template-columns:1fr 1fr}}