.topic{
  background-color:#FF885B;
}

#sidebar{
  background-color:#FFE5CF;
}

.heading-writings{
  text-shadow: 1px 1px 2px wheat;
}

  span{ 
  font-family: "Agu Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size:30px;
  font-variation-settings:
    "MORF" 0;
  color:teal;
 } 

#mine-image{
  height:300px;
}

.background-img{
  background-image: url(./images/coconut\ pattern.jpg);
  background-repeat: no-repeat;
  background-size: cover;

}

#font-about{
  font-family: "Delius", serif;
  font-weight: 400;
  font-style: normal;
}

.projects-container{
  background-color:#FFE5CF;
}

@media (min-width: 640px)and (max-width: 768px) {
  span{ 
    font-size: 50px;
   }  
}

@media (min-width: 768px)and (max-width: 1024px) {
  span{ 
    font-size: 65px;
   }  
   #mine-image{
    height:450px;
  }
}
@media (min-width: 580px){
  #icons-img{ 
    height: 60px;
   }  
}
@media (min-width: 1024px){
  #mine-image{ 
    height: 550px;
    margin-right: 20px;
   } 
   span{ 
    font-size: 65px;
   }  
}