:root{--blue-1: #3C429E;--blue-2: #4C52AD;--yellow-1: #FAC742;--white: #FFF;--grey-1: #EDEDED;--shadow-dark: rgba(0, 0, 0, .3);--shadow-light: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:16px;width:100%;height:100vh;background-color:var(--blue-1);display:flex;justify-content:center;align-items:center}.requests-data{text-align:center;color:var(--white);margin-bottom:2rem}#search-component form{margin-bottom:2rem;text-align:center}.search-box{background-color:var(--shadow-light);outline:none;border:none;border-radius:20px 0 0 20px;padding:1rem;color:var(--grey-1);font-size:1rem;text-align:center}#search-component .button{background-color:var(--shadow-dark);outline:none;border:none;border-radius:0 20px 20px 0;padding:1rem;color:var(--grey-1);font-size:1rem;text-align:center}.container{width:500px;background-color:var(--blue-2);border-radius:20px;box-shadow:10px 10px 10px var(--shadow-dark)}.upper-data{border-radius:20px 20px 0 0;background-size:cover;background-position:center center;background-repeat:no-repeat}.hot-weather-backgroung{background-image:url(hot.2140f0bbd2fb356d.png)}.cold-weather-backgroung{background-image:url(cold.8ef77c0cb041c357.png)}.weather-data{background-color:var(--shadow-dark);padding:6rem 0;border-radius:20px 20px 0 0}.location{color:var(--white);text-align:center;font-size:1.2rem}.temperature{color:var(--white);font-size:3.5rem;text-align:center;font-weight:900}.lower-data{border-radius:0 0 20px 20px;padding:1rem}.more-info-label{color:var(--white);margin-top:.5rem}.more-info-container{background-color:var(--shadow-light);border-radius:0 0 16px 16px;margin-top:1rem;padding:1rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem 0}.info-block{display:flex;flex-direction:row;flex:50%;max-width:50%}.info-block-label{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.info-block-label img{width:1.5rem}.info-block-label span{color:var(--white);font-size:.8rem}.info-block-value{width:50%;display:flex;justify-content:center;align-items:center;color:var(--white);font-size:1rem}