html, body {
	margin: 0; 
	height: 100%; 
	width:100%;
	overflow: hidden;
	user-select: none; /* supported by Chrome and Opera */
	   -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	   -moz-user-select: none; /* Firefox */
	   -ms-user-select: none; /* Internet Explorer/Edge */
}

body{
	margin:0;
	background-color: #0e119e;
}

iframe{
	border: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -5;
}


/* --------------------------------------------------------------------------- COMPUTER TEXT */

.computerWrapper{
	color: #ff2a00;
	font-family: 'paralucent', sans-serif;
}

h1{
	font-size: 15vh;
	line-height: 1;
	font-style: normal;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 45%;
	width: 200%;
	animation: row1 1.75s linear infinite;
	letter-spacing: .35em;
	z-index: 1;
	font-weight: 500;
}

h2{
	font-size: 11vh;
	line-height: 1;
	font-style: normal;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 5%;
	left: 4%;
	z-index: 1;
	width: 200%;
	animation: row2 1.5s linear infinite;
	font-weight: 300;
	letter-spacing: .45em;
}


@keyframes row1 {
  0% {
    left: 80%;
  }
  100% {
    left: 20%;
  }
}


@keyframes row2 {
  0% {
    left: 50%;
  }
  100% {
    left: -20%;
  }
}


/* --------------------------------------------------------------------------- USER BUTTON */

a{
	background-color: #fff;
	box-shadow: 10px 10px #000;
    border: 3px solid #fff;
	color: #000;
	font-family: orator-std, monospace;
	font-size: 1em;
	font-style: normal;
	margin:0;
	padding: 15px 25px;
	position: absolute;
	text-decoration: none;
	width: 20%;
	z-index: 30;
}

.userButton2 a:hover, .userButton1 a:hover{
	color: #fff;
	background-color: transparent;
}