@font-face {
	font-family: Minecraft;
	src: url("minecraft.ttf");
}
html {
	height: 100%;
	overflow: hidden;
}
body {
	background: #303030 url("minecraft.jpg") repeat-x 0 0;
	background-size: cover;
	animation: MinecraftBackground 165s linear infinite;
	text-align: center;
	font-family: Minecraft;
	text-shadow: 0.2vw 0.2vw 0 #383838;
}
main {
	padding: 8% 30% 0 30%;
}
img, main, div {
	image-rendering: pixelated;
}
a {
	color: #fff;
	text-decoration: none;
}
footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 1.2vw;
	color: white;
	margin-bottom: 0.4vw;
}
#logo {
	margin-top: 5%;
	width: 50%;
}
/* TODO: Make the flashing text scale down as more text is added */
#flashingtext {
	margin: -3.5% 0 0 47%;
	width: 40%;
	transform: rotate(-20deg);
	animation: FlashingText 0.5s ease-in-out infinite;
	color: #FFFF00;
	font-size: 2vw;
}
.button {
	/* padding: 0.2% 50vw; */
	padding: 1% 0 3% 0;
	margin: 0 auto 2% auto;
	background: #7D7D7D url("build/buttons.png") no-repeat center;
	background-size: 100% 300%;
	color: #E0E0E0;
	font-size: 1.2vw;
	outline: 0.2vw solid #000;
	outline-offset: -0.2vw;
}
.button_small {
	width: 20%;
	display: inline-block;
	margin-top: 5%;
}
.button:hover {
	background: #7079AA url("build/buttons.png") no-repeat bottom;
	background-size: 100% 300%;
	color: #FFFFA0;
}
.button:disabled, .button[disabled] {
	background: #272727 url("build/buttons.png") no-repeat top;
	background-size: 100% 300%;
	color: #A9A9A9;
}
.button span {
	vertical-align: middle;
}
.left {
	float: left;
}
.right {
	float: right;
}
.bold {
	font-weight: bold;
}
footer .right {
	margin-right: 10px;
}
 @keyframes FlashingText {
 0% {
 transform: scale(1) rotate(-20deg);
}
 50% {
 transform: scale(1.05) rotate(-20deg);
}
 100% {
 transform: scale(1) rotate(-20deg);
}
}
button {
  font-family: Minecraft;
	src: url("minecraft.ttf");
}
html {
	height: 100%;
	overflow: hidden;
}
body {
	background-image: linear-gradient(180deg, rgb(152, 119, 251),rgb(217, 139, 216),rgb(195, 132, 228),rgb(174, 126, 239));
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: center;
	font-family: Minecraft;
	text-shadow: 0.2vw 0.2vw 0 #383838;
	min-height: 100%;
}
main {
	padding: 8% 30% 0 30%;
}
#logo {
	margin-top: 5%;
	width: 50%;
}
#flashingtext {
	margin: -3.5% 0 0 47%;
	width: 40%;
	transform: rotate(-20deg);
	animation: FlashingText 0.5s ease-in-out infinite;
	color: #FFFF00;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	font-size: 40px;
}
.button {
	margin: 0 auto 2% auto;
	background-color: #7D7D7D;
	color: #E0E0E0;
	font-size: 2.5vh;
  font-family: Minecraft;
	src: url("minecraft.ttf");
}
.button_small {
	width: 49%;
	display: inline-block;
	margin-top: 5%;
}
button {
  font-family: Minecraft;
	src: url("minecraft.ttf");
}
}
.button:hover {
	background-color: #7079AA;
	color: #FFFFA0;
  font-family: Minecraft;
	src: url("minecraft.ttf");
}
.button span {
	vertical-align: middle;
    font-family: Minecraft;
	src: url("minecraft.ttf");
}
.left {
	float: left;
}
.right {
	float: right;
}
.bold {
	font-weight: bold;
}
footer .right {
	margin-right: 10px;
}
 @keyframes FlashingText {
 0% {
 transform: scale(1) rotate(-20deg);
}
 50% {
 transform: scale(1.05) rotate(-20deg);
}
 100% {
 transform: scale(1) rotate(-20deg);
}
}

button {
  width: 35%;
  text-align: center;
  font-family: minecraft;
}