body {
    background-color: #050505;
    color: #33FF33;
    font-family: monospace;
    font-size: 1.2em;
}

/*
.neon {
  font-family: sans-serif;
  font-weight: 100;
  color: #fff;
 // Vrstvení stínů vytvoří záři /
  text-shadow:
    0 0 7px #fff,
    0 0 10px #fff,
    0 0 21px #fff,
    0 0 42px #0fa,
    0 0 82px #0fa,
    0 0 92px #0fa;
}
.neon {
  animation: flicker 1.5s infinite alternate;
}

@keyframes flicker {

  0%,
  18%,
  22%,
  25%,
  53%,
  57%,
  100% {
    // Plný svit //
    text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 42px #0fa,
      0 0 82px #0fa,
      0 0 92px #0fa;
    opacity: 1;
  }

  20%,
  24%,
  55% {
    // Krátké "pobliknutí" nebo zhasnutí //
    text-shadow: none;
    opacity: 0.5;
  }
}
*/


.neon {
  color: #fff;
  /* Definujeme dvě animace s různým časem a chováním */
  /* flicker: hlavní nepravidelné výpadky */
  /* fast-flicker: jemné vysokofrekvenční chvění */
  animation:
    flicker 3s linear infinite,
    fast-flicker 0.15s linear infinite;

  text-shadow:
    0 0 7px #fff,
    0 0 10px #fff,
    0 0 42px #ff00de,
    0 0 82px #ff00de;
}

/* Hlavní animace - simuluje "vadnou trubici" */
@keyframes flicker {

  0%,
  19.999%,
  22%,
  62.999%,
  64%,
  64.999%,
  70%,
  100% {
    opacity: 1;
  }

  20%,
  21.999%,
  63%,
  63.999%,
  65%,
  69.999% {
    opacity: 0.4;
    text-shadow: none;
  }
}

/* Rychlé chvění - simuluje nestabilitu plynu */
@keyframes fast-flicker {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.8;
  }

  100% {
    opacity: 1;
  }
}
.terminal {
  max-width: 60ch;
  font-family: 'Courier New', Courier, monospace;
  padding: 20px;
  text-shadow: 0 0 5px rgba(51, 255, 51, 0.8); /* text glow */
  line-height: 1.5;
  margin-inline: auto;
}

.c1 {
    color: #00FF41;
}
.c2 {
    color: #FFB000;
}
.c3 {
    color: #FFCC00;
}
.c4 {
    color: #00FF00;
}
footer {
  margin-bottom: 3em;
}
a:any-link {
  text-decoration: none;
  color: #FF5555;
}
a:hover {
  text-decoration: underline;
}