body #content .four-oh-four {
  animation: change_colors 6s infinite;
  color: white;
  font-size: 20vw;
  font-weight: bold;
  font-family: Helvetica;
  text-shadow: 0 0.005em 0 rgba(0, 0, 0, 0.2), 0 0.005em 0 currentColor, 0 0.01em 0 rgba(0, 0, 0, 0.25), 0 0.01em 0 currentColor, 0 0.015em 0 rgba(0, 0, 0, 0.3), 0 0.015em 0 currentColor, 0 0.02em 0 rgba(0, 0, 0, 0.35), 0 0.02em 0 currentColor, 0 0.025em 0 rgba(0, 0, 0, 0.4), 0 0.025em 0 currentColor, 0 0.03em 0.005em rgba(0, 0, 0, 0.1), 0 0 0.025em rgba(0, 0, 0, 0.1), 0 0.005em 0.015em rgba(0, 0, 0, 0.3), 0 0.015em 0.025em rgba(0, 0, 0, 0.2), 0 0.025em 0.05em rgba(0, 0, 0, 0.25), 0 0.05em 0.05em rgba(0, 0, 0, 0.2), 0 0.1em 0.1em rgba(0, 0, 0, 0.15);
}
@keyframes change_colors {
  0% {
    color: #0099CC;
  }
  12% {
    color: #0055CC;
  }
  25% {
    color: #6600FF;
  }
  37% {
    color: #6683FF;
  }
  50% {
    color: #6698FF;
  }
  62% {
    color: #6665ed;
  }
  75% {
    color: #62ccfe;
  }
  87% {
    color: #ac39df;
  }
  100% {
    color: #aa66f7;
  }
}
body #content body {
  background-color: #f1f1f1;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}