body{
    background: #f9f7fe;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.weather-app-info{
    background: white;
    max-width: 700px;
    border-radius: 16px;
    box-shadow: 0 30px 50px rgba(65, 50, 100, 0.08);
    padding: 40px;
    margin: 40px   auto;
    
}
.weather-app-input{

   background: #f9f7fe;
   width: 80%;
   padding: 14px 25px; 
   border: none;
   border-radius: 10px;
   font-size: 16px;
}
.weather-app-serch{
    background-color: #885df1;
    color: white;
    font-size: 100%;
    padding: 14px 20px;
    border: none;
    border-radius: 5px;
}
.weather-app-content{
    display: flex;
    margin: 0px auto;
    padding: 20px 6px;
    justify-content: space-between;
    line-height: 35px;
}
h1{
    font-size: 38px;
}
.weather-app-date{
    font-size: 12px;
    color: rgba(39, 33, 66, 0.4);
    line-height: 20px;
    font-weight: 500;
}
strong{
    font-weight: bold;
    color: rgb(235, 102, 201);
}
.weather-app-temperature{
    display: flex;

    
}
.weather-icon{
    width: 88px;
    height: 88px;
}
.weather-temperature{
    font-size: 78px;
    font-weight: bold;
    line-height: 80px;
}
.weather-celcius{
    font-size: 30px;
    line-height: 50px;
}
.weather-forecast{
    display: flex;
    justify-content: space-around;
    font-size: 15px;
    margin-bottom: 20px;
}
.weather-forecast-day{
    text-align: center;
    font-size: 15px;
    color: grey;
    margin-bottom: 5px;
}
.weather-forecast-icon{
    text-align: center;
    font-size: 230%
    
}
.weather-forecast-temperature{
    text-align: center;
    color: rgb(235, 102, 201);
    display: flex;
    justify-content: center;
    margin-top: 5px;
}
.high-temp{
    font-weight: bold;
    margin-right: 10px;
}
footer{
    font-size: 14px;
    text-align: center;
    color: rgba(39, 33, 66, 0.4); 
}
a{
    color: #885df1;
    cursor: pointer;
}