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;
}

iframe{
	border: none;
}

.javascriptClass{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -5;
}


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

.userWrapper{
	position: absolute;
	z-index: 100;
	width: 50%;
	animation: buttonShrink linear infinite 1s;
	padding: 0;
	margin: 0;
	left: 70%;
}

.userWrapper1{
	bottom: 20%;
}

.userWrapper2{
	top: 18%;
}

a{
	background-color: #000;
	box-shadow: 10px 10px #ff2a00;
    border: 3px solid #fff;
	color: #fff;
	font-family: orator-std, monospace;
	font-size: 1em;
	font-weight: 100;
	margin:0;
	padding: 15px 25px;
	position: relative;
	text-align: left;
	text-decoration: none;
	width: 100%;
	left: 0;
}

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

@keyframes buttonShrink{
	0%{
		width: 50%;
	}
	3%{
		width: 50%;
	}
	50%{
		width: 0%;
	}
	97%{
		width: 50%;
	}
	100%{
		width: 50%;
	}
}