*{ 
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
header {
  background-color: rgb(97, 19, 67);
}

body{
  background-color: rgb(171, 105, 137);
  /* display: flex;
  align-items: center;
  justify-content: center; */
}
h1 {
  color: rgb(215, 157, 205); 
  font-family: Verdana, Geneva, Tahoma, sans-serif; 
  letter-spacing: 5px; 
  word-spacing: 20px; 
  text-shadow: 5px 5px 5px rgb(80, 23, 44); 
  font-size: 70px;
}

div{
  padding: 10rem;

}

.element{
    height: 250px;
    width: 250px;
    margin: 0 auto;
    position:relative;
    margin-top: 25%;;
    background-color: rgb(129, 35, 35);
    animation-name: stretch;
    animation-duration: 1.5s;
    animation-timing-function: ease-out; 
    animation-delay: 0;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;
}
@keyframes stretch {
    0% {
      transform: scale(.3);
      background-color: rgba(154, 50, 50, 0.374);
      border-radius: 100%;
    }
    50% {
      background-color: rgb(162, 44, 85);
    }
    100% {
      transform: scale(1.5);
      background-color: rgb(114, 22, 100);
    }
}

.fancy-button { 
  background-color: rgb(135, 5, 74);
  padding: 10px 40px;
  border-radius: 10px;
  box-shadow: 2px 4px 10px pink;
  color: white;
  position:relative;
  margin-top:100%;

}
.fancy-button:hover{ 
  background-color: rgb(224, 124, 161);
  color: white;
}