@font-face {
	font-family: Pixelated MS Sans Serif;
	src: url(ms_sans_serif.woff) format("woff");
	src: url(ms_sans_serif.woff2) format("woff2");
	font-weight: bold;
	font-style: normal;
}

body {
  background-color: black;
  font-family: Pixelated MS Sans Serif;
}

#screen {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 800px;
  height: 460px;
  background-image: url('static.gif');
}

@media only screen and (max-width: 900px) {
  #screen {
    transform: translate(-50%, -50%) scale(0.5, 0.5);
  }
}

.VHSText {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 38px;
  width: 800px;
  mix-blend-mode: screen;
  margin: 0;
  line-height: 36px;
  text-align: center;
  white-space: nowrap;
}