#background {
  background-color: #FEFAE0;
  padding: 20px;
}

#image{
  width: 300px;
  height: 300px;
  
}

.image:hover {
  transform: scale(1.2); /* Makes the image grow by 20% */
}
.font {
  font-family: sans-serif;
  font-size: 20px;
  
}
.title {
  font-family: sans-serif;
  font-size: 30px;
 
}
.subtitle {
  font-family: sans-serif;
  font-size: 25px;
}


.colorpalette {
color: #CCD5AE;;
  color:#E9EDC9;
  color: #FEFAE0;
  color: #FAEDCD;
  color: #D4A373;
}

@keyframes grow-shrink {
  0% {
    transform: scale(1); /* Original size */
  }
  50% {
    transform: scale(1.1); /* Grows by 20% */
  }
  100% {
    transform: scale(1); /* Back to original size */
  }
}

.picture {
  width: 100px;
  height: 100px;
  animation: grow-shrink 2s infinite; /* Apply animation */
}
.responsive
{
width: auto;
height: auto;
}