.neon-size {
  font-size: calc(3rem + 3vw);
  line-height: calc(2.5rem + 2.25vw);
}

.star-size {
  font-size: calc(5rem + 3vw);
}

.blink {
  color: #f8c69c;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.95), 0 0px 15px #fd7d144a, 0 0 10px #fd7d144a, 0 0 50px #fd7d144a;
  -webkit-animation: blink 0.01s infinite alternate;
  -moz-animation: blink 0.01s infinite alternate;
  -o-animation: blink 0.01s infinite alternate;
  animation: blink 0.01s infinite alternate;
}

@keyframes blink {
  70% {
    opacity: 0.65;
  }
}

.neon-fade {
  opacity: 0.;
  color: #dc3545;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.95), 0 0px 15px #dc354650, 0 0 10px #dc354650, 0 0 50px #dc354650;
  -webkit-animation: fade 3s infinite alternate;
  -moz-animation: fade 3s infinite alternate;
  -o-animation: fade 3s infinite alternate;
  animation: fade 3s infinite alternate;
}

@keyframes fade {
  40% {
    opacity: 0.8;
  }
  42% {
    opacity: 0.1;
  }
  43% {
    opacity: 0.8;
  }
  45% {
    opacity: 0.1;
  }
  46% {
    opacity: 0.8;
  }
}

.neon-fade-2 {
  opacity: 0.;
  color: #fdf0e9;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.95), 0 0px 15px #fbfcb061, 0 0 10px #fbfcb061, 0 0 50px #fbfcb061;
  -webkit-animation: fade 2s infinite alternate;
  -moz-animation: fade 2s infinite alternate;
  -o-animation: fade 2s infinite alternate;
  animation: fade 2s infinite alternate;
}

.neon-fade-3 {
  opacity: 0.;
  color: #b0edfc;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.95), 0 0px 15px #fbfcb061, 0 0 10px #fbfcb061, 0 0 50px #fbfcb061;
  -webkit-animation: fade 2s infinite alternate;
  -moz-animation: fade 2s infinite alternate;
  -o-animation: fade 2s infinite alternate;
  animation: fade 2s infinite alternate;
}