@keyframes warpout {
	0% {
		height: 100%;
		transform: rotate(0deg);
	}
	100% {
		height: 0%;
		transform: rotate(10000deg);
	}
}


* {
	margin: 0px;
	padding: 0px;
}

body {
	background-image: url("img/dance.gif");
	background-size: cover;
	overflow: hidden;
}

#overlay {
	width: 100%;
    height: 100%;
    background-color: black;
    position: relative;
	z-index: 100;
}

#ovcontent {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#activate {
	background-color: #57873D;
    border: 2px #a28a34 solid;
    padding: 50px;
    color: #2c2dea;
    font-weight: bold;
    font-family: 'Comic Sans MS', cursive;
    cursor: url("img/trumpcursor.png"), auto;
	font-size: 20px;
}

#activate:hover {
	border: 20px #a45e2a solid;
	padding: 100px;
	font-size: 60px;
}

#content {
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	overflow: hidden;
}

#dmcgang {
	position: absolute;
	left: 30px;
	top: 50%;
	width: 230px;
	height: auto;
	transform: translate(0%, -50%);
	z-index: 10;
	cursor: crosshair;
}

#epicstyle {
	height: 100%;
	width: auto;
}

.flyingMaymay {
	position: absolute;
	z-index: 1;
}