@keyframes flashColor {
  0% {
    color: #006400;
  }

  14% {
    color: #00008B;
  }

  28% {
    color: #800080;
  }

  42% {
    color: #FF4500;
  }

  57% {
    color: #00BFFF;
  }

  71% {
    color: #FF1493;
  }

  85% {
    color: #32CD32;
  }

  100% {
    color: #940128;
  }
}

@keyframes flicker {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    opacity: 1;
  }
}

body,
html {
  height: 100%;
  margin: 0;
  position: relative;
}

body {
  background-image: url("background.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  font-family: 'Consolas', sans-serif;
}

.center-link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding-top: 20px;
}

.stars {
  font-size: 40px;
  margin: 0 10px;
}

.wiki-text {
  display: flex;
  font-size: 80px;
  font-weight: bold;
  color: #940128;
  padding: 20px 40px;
  text-decoration: none;
  border-radius: 10px;
  animation: flicker 2s infinite, flashColor 2s infinite;
}

.word {
  margin: 0 10px;
}

.wiki-text:hover {
  color: #800022;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  body {
    margin: 0;
    padding: 50px;
    justify-content: center;
    align-items: center;
  }

  .center-link {
    flex-direction: column;
  }

  .wiki-text {
    font-size: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    flex-direction: column;
  }

  .word {
    margin-bottom: 10px;
  }

  .stars {
    font-size: 40px;
    margin-bottom: 10px;
  }
}