.weatherCondition{display:flex;flex-direction:column;justify-content:center;align-items:center;width:9.2rem;height:9.2rem;border-radius:50%;background:rgb(126,126,126,.3)}.weatherCondition p{font-weight:500}.weatherCondition h4{font-weight:400;font-size:1.6rem}.blockWeatherForecast{display:flex;flex-direction:column;justify-content:center;align-items:center}.blockIconDegree{display:flex;justify-content:center;align-items:center}.blockIconDegree img{width:4.2rem;padding-bottom:.8rem}.forecastDegreeMaxMin{display:flex;flex-direction:column;border-left:1px solid grey;padding-left:.4rem}h1{text-align:center;padding:2.4rem;font-size:4rem}form{margin-top:.8rem;display:flex;align-items:center;justify-content:center;padding:0 3.2rem}.srOnly{position:absolute;width:.1rem;height:.1rem;overflow:hidden;color:transparent}form input{border:none;border-radius:.4rem;font-size:2rem;padding:.8rem 1.2rem;background:rgb(70,70,70,.3);color:#fff;width:100%}.searchIcon{color:gray;font-size:2.4rem;position:relative;left:-3.2rem}.searchButton{border:none;border-radius:.4rem;padding:.8rem;font-size:2rem;background:#106cc4;color:#fff}.searchButton:hover{cursor:pointer;background:#0d5191}main{padding:1.6rem 3.2rem}.blockCityName{text-align:left}.blockCurrentTime{margin-top:1.6rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.6rem;background:rgb(156,155,155,.3);padding:.8rem;border-radius:1.6rem}.blockDegree{display:flex;align-items:center;justify-content:center}.degreeCurrent{font-size:6.4rem;padding:0 .8rem}.IconThermo{font-size:4.2rem}.degreeMaxMin{display:flex;flex-direction:column;border-left:.2rem solid gray;padding:.2rem .8rem}.degreeMin{color:#a0a0a0}.blockSituation{display:flex;align-items:center;justify-content:center;gap:2.4rem}.containerWeatherCondition{display:flex;align-items:center;justify-content:space-around;padding:1.6rem 0}.containerWeatherForecast ol{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;list-style:none}footer{text-align:center;padding:1.6rem 0}:root{font-size:62.5%}*{margin:0;padding:0;box-sizing:border-box}body{display:grid;place-items:center;width:100%;height:100vh;color:#fff;background:url(/assets/weather-rain-41faf26e.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;backdrop-filter:brightness(30%);-webkit-backdrop-filter:brightness(30%)}body,input,button{font-size:1.6rem;font-family:Arial,Helvetica,sans-serif}