@font-face {
    font-family: 'Apple';
    src: url('/fonts/Apple.eot');
    src: url('/fonts/Apple.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Apple.woff2') format('woff2'),
        url('/fonts/Apple.woff') format('woff'),
        url('/fonts/Apple.ttf') format('truetype'),
        url('/fonts/Apple.svg#Apple') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
  background-color: black;
  color: #33FF00;
  font-family: 'Apple';
  min-height: 98vh;
  display: flex;
  flex-direction: column;
}

a {
  background-color: #33FF00;
  color: black;
}

a:hover {
  background-color: black;
  color: #33FF00;
}

p {
  margin-left: 2em;
}

footer {
  margin-top: auto;
}

div.canaryInvalid {
  color: #FF3300;
}

div.canaryWarning {
  color: #FFB000;
}

.cursor {
  width: 1em;
  height: 1em;
  background-color: #33FF00;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}

@keyframes "blink" {
  from, to {
    background-color: transparent;
  }
  50% {
    background-color: #33FF00;
  }
}

@-moz-keyframes blink {
  from, to {
    background-color: transparent;
  }
  50% {
    background-color: #33FF00;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    background-color: transparent;
  }
  50% {
    background-color: #33FF00;
  }
}

@-ms-keyframes "blink" {
  from, to {
    background-color: transparent;
  }
  50% {
    background-color: #33FF00;
  }
}

@-o-keyframes "blink" {
  from, to {
    background-color: transparent;
  }
  50% {
    background-color: #33FF00;
  }
}