body {
  text-align: center;
  background-color: rgb(19, 5, 27);
}

@font-face {
  font-family: ZombieHolocaust;
  src: url(fonts/ZombieHolocaust.ttf);
}

@font-face {
  font-family: OpenSans;
  src: url(fonts/SourceSerifPro-Regular.otf);
}

h1 {
  font-family: ZombieHolocaust;
  font-size: 72pt;
  font-weight: lighter;
  color:black;
}
a {
  
  text-decoration: none;
  color: black;
}
.shape h1 {
  
  opacity: 1;

}
p {
  font-family: OpenSans;
}
.shape {
  width: 25em;
  height: 30em;
  
  background-color: #87d180;
  border-radius: 40% 90% 90% 60% / 60% 60% 80% 80%;

  filter: drop-shadow(5px 5px 30px rgb(31, 145, 94));
  animation: morph 3s ease-in-out infinite alternate;
}

@keyframes morph {
  0% {
    border-radius: 40% 90% 90% 60% / 60% 60% 80% 80%;
    --background-color: rgb(202, 134, 222);
  }
  100%{
    border-radius: 90% 60% 30% 90% / 80% 80% 60% 60%;
    background-color: rgb(167, 223, 117);
  }
}


{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.container {
  height: 80vh;
  
  display: flex;
    justify-content: center;
  align-items: center;
  
  background-color: rgb(19, 5, 27);

}