body {
	width: 100vw;
	height: 100vh;
	color: #ffffff;
	margin: 0;
	/* overflow: hidden; */
	background-color: #000000;
	background-image: repeating-linear-gradient(
		45deg,
		#0A0A0A,
		#0A0A0A 15px,
		#000000 15px,
		#000000 30px
	);
}

a,
a:hover,
a:focus {
	color: #ffffff;
	text-decoration: none;
}

table {
	width: 100vw;
	height: 91vh;
}

th {
	width: 25vw;
	height: 10vh;
	font-size: 1.5em;
	background-color: rgba(100, 100, 100, 0.2);
}

td {
	width: 50vw;
	height: 27vh;
	text-align: center;
}

img {
	max-width: 100%;
	max-height: 100%;
	border: 0;
}

.red {
	color: #bd0000;
}

.disabled,
.disabled a {
	color: #666666;
}

.disabled img {
	opacity: 0.1;
	filter: alpha(opacity=20);
}

#time {
	position: absolute;
	bottom: 0;
	height: 5vh;
	width: 100vw;
}

#confirm {
	display: none;
	position: absolute;
	top: 10vh;
	width: 100vw;
	height: 15vh;
	background-color: rgba(100, 100, 100, 0.98);
}

#confirm .left,
#confirm .right {
	line-height: 15vh;
	font-size: 2em;
	border-radius: 5px;
}

.left {
	float: left;
	text-align: center;
	width: 50vw;
}

.right {
	float: right;
	text-align: center;
	width: 50vw;
}

/* Rotate on Click */

.spin {
	-webkit-animation-name: ggAnimate;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes ggAnimate {
	from {
		-webkit-transform: rotate(0deg) scale(1);
	}
	to {
		-webkit-transform: rotate(360deg) scale(0);
	}
}