div.output-container{max-width:62rem;width:90vw}div.location-wrapper{width:100%;text-align:center;margin-top:3rem}div.location-wrapper .location-icon{width:3rem;height:3rem}div.data-wrapper{margin-top:3rem;padding:2rem 3rem;border-radius:6px;background-color:transparent;box-shadow:#000000b3 0 2px 10px}div.header{padding:1rem;border-bottom:1px solid #ababab;display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:". day time";justify-content:space-between}div.header p.day{justify-self:center;grid-area:day}div.header p.local-time{justify-self:end;grid-area:time}div.content{padding-top:2rem;display:grid;row-gap:2rem}div.main-data{display:grid;grid-template-columns:repeat(2,1fr);column-gap:2rem}div.main-data p.last-update{font-size:1.4rem;opacity:.5;transform:translateY(-2rem)}div.main-data div.flex-group{display:flex;align-items:center;margin-bottom:2rem}div.main-data img.weather-icon{width:7rem;height:7rem}div.main-data p.weather-temperature{font-weight:400;font-size:4rem;margin-left:1rem}div.main-data p.weather-description{font-size:2rem}div.main-data div.real-feel,div.main-data div.sunset,div.main-data div.sunrise{display:flex;justify-content:space-between}div.additional-data{display:grid;grid-template-columns:repeat(2,1fr);column-gap:2rem}div.additional-data div.detail{padding:1rem 0;display:flex;justify-content:space-between;border-bottom:1px solid #ababab}div.additional-data div.uv{grid-area:1 / 1 / 2 / 2}div.additional-data div.wind-speed{grid-area:2 / 1 / 3 / 2}div.additional-data div.clouds{grid-area:3 / 1 / 4 / 2}div.additional-data div.visibility{grid-area:4 / 1 / 5 / 2;border:none}div.additional-data div.rain{grid-area:1 / 2 / 2 / 3}div.additional-data div.humidity{grid-area:2 / 2 / 3 / 3}div.additional-data div.wind-direction{grid-area:3 / 2 / 4 / 3}div.additional-data div.pressure{grid-area:4 / 2 / 5 / 3;border:none}@media screen and (max-width: 500px){div.main-data{grid-template-columns:1fr;row-gap:2rem}div.additional-data{grid-template-columns:1fr;row-gap:1rem}div.additional-data div.uv{grid-area:1 / 1 / 2 / 2}div.additional-data div.wind-speed{grid-area:2 / 1 / 3 / 2}div.additional-data div.clouds{grid-area:3 / 1 / 4 / 2}div.additional-data div.visibility{grid-area:4 / 1 / 5 / 2;border-bottom:1px solid #ababab}div.additional-data div.rain{grid-area:5 / 1 / 6 / 2}div.additional-data div.humidity{grid-area:6 / 1 / 7 / 2}div.additional-data div.wind-direction{grid-area:7 / 1 / 8 / 2}div.additional-data div.pressure{grid-area:8 / 1 / 9 / 2}}.input-container{max-width:62rem;width:90vw;display:flex;flex-direction:column}.search-bar{width:100%;display:flex;border-radius:6px;box-shadow:#000000b3 0 2px 10px}.search-bar .search-button{width:7rem;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer}.search-bar .search-button .search-icon{width:2.5rem;height:2.5rem;transition:transform .3s ease}.search-bar .search-button .search-icon:hover{transform:scale(1.2)}.search-bar .search-input{width:calc(100% - 7rem);padding:1rem 0;background-color:transparent;border:none}.search-bar .search-input:focus{outline:none}.search-bar .search-input::placeholder{color:#ababab;opacity:.5}.error-message{width:100%;margin-top:1rem;text-align:center;font-size:1.4rem;color:#f4a261}.main-container{width:100%;min-height:100vh;padding:2rem;display:grid;place-content:center}:root{font-size:62.5%}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body,html{min-height:100vh}body{background-image:linear-gradient(#11052166,#161619),url(/assets/background-Dfcfr9q8.jpg);background-repeat:no-repeat;background-size:cover}body,input,button{color:#fff;font-size:1.6rem;font-weight:300;font-family:Poppins,sans-serif}