body {
  background-color: #111;
  color: #0f0;
  font-family: monospace;
  padding: 2em;
}

.menu {
    margin-top: 2em;
    line-height: 2;
}

a {
  color: #0f0;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

code {
  background-color: #0f0;
  color: #000;
  padding: 0.1em 0.3em;
  border-radius: 3px;
  font-family: monospace;
}

.footer {
margin-top: 4em;
font-size: 0.9em;
color: #080;
}

.terminal-container {
    display: none;
    background-color: #000;
    color: #0f0;
    border: 1px solid #0f0;
    padding: 1em;
    margin-top: 2em;
    white-space: pre-wrap;
}

@keyframes flicker {
    0%   { opacity: 0.9; }
    5%   { opacity: 0.3; }
    10%  { opacity: 0.9; }
    15%  { opacity: 0.6; }
    20%  { opacity: 0.95; }
    25%  { opacity: 0.4; }
    30%  { opacity: 0.9; }
    100% { opacity: 0.9; }
  }

  body {
    animation: flicker 1.0s ease-in-out infinite alternate;
  }

.flicker {
  opacity: 0.9;
  transition: opacity 0.1s ease-in-out;
}