body {
  background-color: black;
}

.container {
  background-image: linear-gradient(to top, black, #27296e);
  color: white;
  border: 2px solid blue;
  box-shadow: 5px 2px blue;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  font-family: "Audiowide";
  transform: rotate(5deg);
}

a {
  color: blue;
}

a:hover {
  font-size: 20px;
  transition: all 0.5s;
}

@font-face {
  font-family: "Audiowide";
  src: url("https://nocturnecreature.neocities.org/Audiowide/Audiowide-Regular.ttf");
}

.head {
  height: auto;
  width: 900px;
  position: absolute;
  animation-name: woa;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  margin-left: 200px;
}

.body {
  height: auto;
  width: 900px;
  position: absolute;
  margin-left: 200px;
  animation-name: woa;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

.tail {
  height: auto;
  width: 900px;
  position: absolute;
  animation-name: wagging;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  margin-left: 200px;
}

@keyframes wagging {
  0% {transform: rotate(10deg);}
  50% {transform: rotate(0deg);}
  100% {transform: rotate(10deg);}
}

@keyframes woa {
  0% {margin-top: 5px;}
  50% {margin-top: 0px;}
  100% {margin-top: 5px;}
}