@keyframes anime {

  0% {

    transform: translateX(-50%) translateY(-50%) rotate(0deg);

  }

  85% {

    transform: translateX(-50%) translateY(-50%) rotate(180deg);

  }

  60%{

    transform: translateX(-50%) translateY(-50%) rotate(190deg);

  }

  100%{

    transform: translateX(-50%) translateY(-50%) rotate(180deg);

  }

}





#style {

  color: white;

  text-shadow: 0 20px 25px #2e2e31, 0 40px 60px #2e2e31;

  font-size: 80px;

  font-weight: bold;

  letter-spacing: -3px;

  margin: 0;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

}



#style:after{

  content: '';

  padding: 50px 20px;

  position: absolute;

  left: 50%;

  width: 100%;

  transform: translateX(-50%) translateY(-50%);

  top: 50%;

  border: 15px solid #21b2a6;

  animation: 4s anime;

}