html {
  min-height: 100%;
}

body {
  box-sizing: border-box;
  height: 100%;
  background-color: #0500FF;
  background-image: radial-gradient(#0500FF, #0400D8), url("https://media.giphy.com/media/oEI9uBYSzLpBK/giphy.gif");
  background-repeat: no-repeat;
  background-size: cover;
  font-family: 'VT323', monospace;
  font-size: 24px;
  font-weight: normal;
  color: white;
  text-shadow:
      0 0 1ex rgba(255, 255, 255, 1),
      0 0 4px rgba(255, 255, 255, 0.8);
	padding: 0;
	margin: 0;
	display: block;
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
}

.noise {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://media.giphy.com/media/oEI9uBYSzLpBK/giphy.gif");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  opacity: .02;
}

.overlay {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background:
      repeating-linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0.1) 50%,
      rgba(0, 0, 0, 0) 100%);
  background-size: auto 4px;
  z-index: 1;
}


.terminal {
  box-sizing: inherit;
  position: absolute;
  height: 100%;
  width: 1000px;
  max-width: 100%;
  padding: 4rem;
}

.output {
  color: #FFF;
  text-shadow:
      0 0 1px rgba(255, 255, 255, 0.4),
      0 0 2px rgba(255, 255, 255, 0.8);
}

.output::before {
  content: "> ";
}

a {
  color: #fff;
  text-decoration: none;
}

a::before {
  content: "[";
}

a::after {
  content: "]";
}

.errorcode {
  color: white;
}

h1 {
	margin-top: 0px;
}