* {
  box-sizing: border-box;
}

html, body {
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
}

body {
  color: #fdfdfd;
  background: url(/src/green-bg.png); 
  user-select: none;
}

a {
  outline: none;
  text-decoration: none;
  cursor: pointer;
}

@font-face {
  /* https://www.dafont.com/de/vcr-osd-mono.font */
  font-family: 'VCROSD';
  src: url("/src/VCR_OSD_MONO_1.001.ttf");
}

#wrapper {
  font-family: 'VCROSD', monospace;
  font-size: 8vw;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#footer {
  position: absolute;
  font-family: monospace;
  bottom: 5px;
  font-size: 10px;
  width: 100%;
  text-align: center;
}

#footer > a {
  color: rgba(0,0,0, 0.8);
  margin: 0 3px;
  transition: color 0.4s;
}

#footer > a:hover {
  color: #fdfdfd;
}