body {
  font-family: 'Heebo', sans-serif;
  font-weight: 300;
  /*color: 0x2a2734;*/
  color: white;
  margin: 0;
  text-align: center;
  background-color: black;
  cursor: crosshair;
}
* {
  cursor: default
}
@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
* {
  cursor: default
}
body {
	animation: fadeInAnimation ease 5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
canvas {
  display: block;
  width: 100%;
  height: 100%;
}
h1 {
  font-size: 60px;
}
.header {
  top: 40%;
}
.footer {
  bottom:3%;
}
.description {
  color: gray;
  padding-top: 50px;
}
a, a:hover, a:visited {
  color: white;
  text-decoration: none;
} 
.disable-selection {
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer */
   -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none; /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}
h1::after {
  content: '.Space';
  font-size: 12px;
  position:absolute;
  top: 3px;
  padding-left: 5px;
  font-weight: 400;
}
h2::after {
  content: '2';
  font-size: 12px;
  position:absolute;
  top: 14px;
  padding-left: 5px;
}