.weather{border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;row-gap:3rem;width:100%;height:100%;padding:2rem 1.5rem;display:flex}.search{flex-direction:column;row-gap:1rem;display:flex}.search-top{justify-content:center;align-items:center;column-gap:1rem;font-family:Times New Roman,Times,serif;display:flex}.search-top i{color:#ddd;font-size:2.5rem}.location{color:#000;text-align:center;font-family:Comfortaa,sans-serif;font-size:1.8rem;font-weight:700}.search-location{position:relative}.search-location input{color:#000;background-color:#0000;border:none;border-bottom:.1rem solid #aaa;width:clamp(15rem,14cqi,25rem);height:4rem;font-family:Comfortaa,sans-serif;font-size:1.5rem}.search-location input::placeholder{color:#000}.search-location input:focus{border-bottom:.2rem solid #555;outline:none}.search-location i{color:#000;cursor:pointer;font-size:1.8rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.weather-data{color:#000;flex-direction:column;justify-content:center;align-items:center;row-gap:2rem;display:flex}.weather-data i{font-size:5rem}.weather-data i.bxs-sun{color:#ffc87c}.weather-data i.bxs-cloud{color:#fff}.weather-data i.bxs-cloud-rain{color:#5fd1f9}.weather-type,.temp{color:#000;font-family:Comfortaa,sans-serif;font-size:2rem}.not-found{color:#ddd;margin-bottom:12rem;font-family:Comfortaa,sans-serif;font-size:1.6rem}@media (max-width:900px){.weather{height:100%}.search-location input{width:30rem}}