html,
body {
  background-color: #121212;
  margin: 0;
  padding: 0;
  font-family: Times New Roman; /* yeah, that's right: Times-new-fucking-roman, bitch! */
  overflow: hidden;
  height: 100%;
  text-align: center;
}

a {
  color: #888;
  text-decoration: none;
  /*
-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
*/
}

a:hover {
  color: #aaa;
  opacity: 0.8;
}

#pepperSpray {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  margin: auto;
  width: 100%;
  height: 100%;
  background-image: url("img/pepperSpray.png");
  background-repeat: no-repeat;
  background-size: auto 106%;
  background-position: center right;
  opacity: 0.075;
}

#mine {
  position: fixed;
  bottom: 10%;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 10px;
  color: #fff;
  font-family: Share Tech Mono;
  color: #b5b5ba;
  text-shadow: 2px 2px #233;
  letter-spacing: 0px;
}

#ftp {
  position: relative;
  width: 40%;
  max-width: 250px;
  min-width: 160px;
  /*height: 286px;*/
  margin: auto;
  border-radius: 4px;
  border: 1px rgba(200, 200, 200, 0.666) solid;
  background-image: url("img/ftp.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-positin: center center;
}

#structure {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

header {
  /*
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	margin: 0 16px;
	padding-top: 32px;
*/
  padding: 8px;
  /*height: 20%;*/
  color: #e9e9e9;
}

#title {
  font-size: 9vmax;
  /*margin-top: 32px;*/
}

#desc {
  font-size: 10px;
  letter-spacing: 2px;
  margin-top: 8px;
  color: #b8babc;
  opacity: 0.333; /* hail satan! */
}

#main {
  height: 70%;
  font-size: 22px;
  color: #aaa;
}

nav {
  margin: 0 0 8px 0;
  font-size: 4vmin;
}

#pxl {
  background-color: #ff0;
  height: 1px;
  width: 1px;
  position: fixed;
  left: 200px;
  top: 200px;
  cursor: pointer;
}

#pxl.trl {
  background-image: url("img/trl.png");
  height: 480px;
  width: 480px;
}

#base.peop {
}

#base.peop::after {
  content: "";
  position: fixed;
  z-index: 420;
  height: 100%;
  width: 100%;
  margin-left: -50%;
  background-image: url("img/peop.gif");
  background-size: 100% 100%;
  -webkit-animation: peop 3s;
  animation: peop 3s 1 linear forwards;
  opacity: 0;
}

@-webkit-keyframes peop {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.15;
  }
  20 % {
    opacity: 0.4;
  }
  40 % {
    opacity: 0.8;
  }
  50 % {
    opacity: 1;
  }
  60 % {
    opacity: 1;
  }
  70 % {
    opacity: 0.9;
  }
  80 % {
    opacity: 0.7;
  }
  90 % {
    opacity: 0.4;
  }
  100 % {
    opacity: 0;
  }
}

footer {
  /*
	position: fixed;
	z-index: 2;
	bottom: 0;
	left: 0;
*/
  height: 10%;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  color: #a9a9a9;
}

#nothing {
  /*
	margin: 0 16px;
	padding: 16px 0 16px 0;
	*/
  color: rgba(200, 200, 200, 0.4);
  position: fixed;
  bottom: 0;
  padding: 8px 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  border-top: 1px #666 dotted; /*hail Satan!*/
}