body {
  background-color: black;
  color: white;
  font-family: Courier;
  overflow-x: hidden;
  height: 100%;
}

a:link {
  color: blue;
  text-decoration: none;
}
a:visited {
  color: red;
  text-decoration: none;
}
a:hover {
  color:green;
  text-decoration: underline overline;
}
a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: none;
}

.head-line span {
  display: inline-block;
  letter-spacing: -12px;
  color: #13EDB3;
}
.head-line:hover span{
  animation: shake 1.4s ease-in-out infinite;
}
.head-line span:nth-child(1) {
  animation-delay: 0s;
}
.head-line span:nth-child(2) {
  animation-delay: -0.3s;
}
.head-line span:nth-child(3) {
  animation-delay: 0.3s;
}
.head-line span:nth-child(4) {
  animation-delay: -0.6s;
}

@keyframes shake {
  0%, 100% {
    transform: translate3d(0px, 0px, 0px);
  }
  25% {
    transform: translate3d(-4px, -11px, 0px);
}
  50% {
    transform: translate3d(-14px, 10px, 0px);
  }
  70% {
    transform: translate3d(20px, -12px, 0px);
  }
  90% {
    transform: translate3d(20px, 20px, 0px);
  }
}