body{
    background: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
}
.weather-app {background: whitesmoke;
    border-radius: 20px;
    padding: 30px;
    width: 600px;
    height: 400px;
    margin: 20px auto;
    box-shadow: 0 30px 50px rgba(19, 17, 22, 0.08);


}
.form-input{
    background-color: #bab9d8;
    border: none;
    border-radius: 4px;
    width: 300px;
    font-size: 15px;
    padding: 10px 10px;
}

.form-submit{
  background-color: rgb(66, 43, 217);
  padding: 11px 20px;
  border-radius: 10px;
  border: 2px;
  color: white;


 }

 .weather-app-data{
    display: flex;
    justify-content: space-between;
 }

 .weather-app-details strong{ color:#f65282;}

 .weather-app-temperature-container{
    display: flex;
 }
 
 .temperature-value{
    font-size: 80px;
 }
 .weather-app-icon{
    font-size: 40px;
    margin-top: 22px;
 }

 .weather-app-icon img{
    font-size: 39px;
    margin-top: 22px;
    margin-top: -18px;
    
 }
 
 .weather-app-unit{
    font-size: 20px;
    margin-top: 20px;
 }

 .weather-forecast{
   display: flex;
   justify-content: space-around; 
   margin-top: 30px;
  
 }

 

 .weather-forecast-date{
   text-align: center;
   color: rgba(39, 33 ,66,0.4);
   font-size: 16px;
   line-height: 20px;
   

 }
  
 .weather-forecast-icon{
   width:45px;
   text-align: center;
   

 }

 .weather-forecast-temperatures{
   text-align: center;
   color: #f65282;
   display: flex;
   /*justify-content: space-between;
   /*gap:5px;*/
   
  


 }

  footer{
    border-top: 1px solid black;
    text-align: center; 
 }