body {
  display:flex;
  justify-content: center;
  align-items: center;
  flex-direction:column;
  background-color: #ffffff;
  font-family: sans-serif;
  
}

@keyframes colorChange {
  0%  {background-color:#f2a1a1; top:-5px;}
  50%  {background-color:#fb4f4f;}
  100%  {background-color: #f2a1a1; top:5px;}
}

h1 {
  animation: colorChange 2s infinite alternate; 
  border: 4px solid;
  padding: 10px;
  border-radius: 100px;
  position: relative;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}


.button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 32px;
}

button {
  background-color: #f2a1a1;
  text-align: center;
  border: 2px solid;
  padding: 16px 32px;
  cursor:pointer;
  transition-duration: .4s;
  font-size: 20px;
  border-radius: 20px;
}

button:hover{
   background-color: #ca7373;
  color: white;
  
}