body{
    background-color:rgb(235, 224, 226) ;
}
h1{
    font-size: 44px;
    margin-bottom: 10px;
}
.container{
    background-color:white; 
   margin: 45px auto;
   width: 900px;
   max-width: 90%;
   padding: 30px;
   border-radius: 10px;
box-shadow: 0 30px 50px rgba(65, 50, 100, 0.08);
}
.search-bar{
    border: none;
}
    #search-input{
        width: 70%;
        padding: 15px 20px;
        border: none;
        background-color: rgb(235, 224, 226);
        font-size: 16px;
        border-radius: 6px;
    }
    #search-button{
        background-color: pink;
        color: white;
        border: none;
       padding: 15px 30px;
        cursor: pointer;
        font-size: 16px;
        border-radius: 6px;
    }
.weather-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.weather-icon{
    font-size: 48px;
    position: relative;
    top: -15px;
     
 
}   

.temperature{
    font-size: 60px;
    font-weight: bold;
    position: relative;
    top: -20px;
}
.unit{
    font-size: 28px;
     position: relative;
  top: -38px;
}
.humidity{
    color: rgb(201, 104, 120);
    font-weight: bold;
}
.wind{
    color: rgb(201, 104, 120);
    font-weight: bold;
}
#forecast-day{
    text-align: center;
    display: flex;
    justify-content: space-between;

}
footer{
    text-align: center;
    margin-top: 20px;
}