@import url(https://fonts.googleapis.com/css?family=VT323);
* {
  box-sizing: border-box;
  font: inherit;
}

html {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000;
  font-family: "VT323", terminal, monospace;
}

.content {
  position: absolute;
  top: 1.5em;
  bottom: 1.5em;
  left: 1.5em;
  right: 1.5em;
  color: #FbFbFb;
  font-size: 2.6rem;
  font-size: 6vmin;
  white-space: pre-wrap;
  overflow: hidden;
}

.screen {
  position: absolute;
  top: 1em;
  bottom: 1em;
  left: 1em;
  right: 1em;
  -webkit-animation: wobble 0.0825s infinite alternate steps(4);
          animation: wobble 0.0825s infinite alternate steps(4);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000000), color-stop(50%, rgba(0, 0, 0, 0)), to(#000000)), -webkit-gradient(linear, left top, right top, from(#000000), color-stop(16.6%, #ff0000), color-stop(33.3%, #000000), color-stop(50%, #00ff00), color-stop(66.6%, #000000), color-stop(83.3%, #0000ff), to(#000000));
  background-image: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 50%, #000000 100%), linear-gradient(90deg, #000000 0%, #ff0000 16.6%, #000000 33.3%, #00ff00 50%, #000000 66.6%, #0000ff 83.3%, #000000 100%);
  background-size: .3em .2em, 4px 100%;
  mix-blend-mode: color-burn;
  will-change: contents;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: skew(0.2deg);
            transform: skew(0.2deg);
  }
  100% {
    -webkit-transform: skew(-0.2deg);
            transform: skew(-0.2deg);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: skew(0.2deg);
            transform: skew(0.2deg);
  }
  100% {
    -webkit-transform: skew(-0.2deg);
            transform: skew(-0.2deg);
  }
}