body {
font-family:"EB Garamond", serif;
font-optical-sizing: auto;
font-weight:normal;
font-style: normal;
background:#a393eb;
}

a{
   color:blueviolet; 
}



.weather-app{
    background: #d9f2ff;
    max-width:650px;
    margin:45px auto;
    box-shadow:0 30px 50px rgba(65,50,100, 0.08);
    border-radius:16px;
    padding:30px;
}

header{
 border-bottom: 1px #f9f7fe;   
 padding: 0 0 30px 0;
}

.search-form-input{
background-color: #f9f7fe;
border:none;
border-radius:6px;
width: 80%;
font-size: 18px;
padding:12px 16px;
}

.search-form-button{
  background-color: blueviolet;  
  padding:12px 20px;
  border:none;
  font-size:16px;
  margin-left: 5px;
  border-radius:6px;
  color:white;
}

main{
    padding: 30px 0;
}

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

.weather-app-city{
  margin:0;
  font-size: 32px;  
  line-height:40px;
}

.weather-app-details{
    font-size:20px;
    line-height: 24px;
    color: rgb(39,33,66,0.4);
    font-weight: 500;
}

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

.weather-app-temperature-container{
  display: flex;  
}

.weather-app-icon{
    width: 70px;
    height:70px;
    margin-top:10px;
}

.weather-unit-container {
  display: flex;
}
.weather-app-temperature{
    font-size: 60px;
    font-weight:bold;
    margin-left: 3px;
    line-height:70px;
  
}

.weather-app-unit{
   margin-top:5px; 
   font-size: 24px;
}
.weather-forecast{
  display:flex;
  justify-content: space-around;
  margin-top:30px;
}

.weather-forecast-date{
  text-align: center;
  color: rgba(53, 42, 100, 0.5);
  font-size:22px;
  line-height: 20px;
  margin-bottom:10px;
}
.weather-forecast-icon{
  width: 38px;
  height:38px;
display:block;
margin: 0 auto;
}
.weather-forecast-temperatures{
  text-align: center;
  color:#962071;
  margin-top:10px;
  display:flex;
  justify-content:center;
  font-size: 20px;

}
.weather-forecast-temperature{
  padding:0 10px;
}

footer{
border-bottom: 1px #f9f7fe;   
padding:30px 0 0 0; 
text-align:center;
font-size: 16px;
color:rgba(0, 0, 0 , 0.6)
}