@font-face {
    font-family: 'EraserDust'; /*a name to be used later*/
    src: url('../fonts/EraserDust.ttf'); /*URL to font*/
}

body {
	/*width: 100%;*/
	background: url("../images/southparkBackground.jpg");
	background-repeat: no-repeat;
	background-size: cover;

}

ul {
	font-size: 4vw;
	text-align: center;
}

#alphabet li {
	display: inline-block;
	margin-top: 2vw;
	padding: 2px;
}

#guessWord {
	font-family: 'EraserDust';
	font-size: 3vw;
	position: absolute;
	top: 15vw;
	left: 11vw;
	text-align: left;
	color: white;
}

.score {
	position: absolute;
	top:30vw;
	left: 50vw;
	font-family: 'EraserDust';
	font-size: 2vw;
	color: white;
}

#wins {
	top: 420px;
}

#losses {
	top: 460px;
}

.button {
	font-size: 2vw;
	color: white;
	background-color: black;
	border: none;
	font-family: 'EraserDust';
}

#guessesLeft {
	font-size: 2vw;
	color: white;
	position: absolute;
	top: 15vw;
    left: 45vw;
    font-family: 'EraserDust';
}


.startReset {
	position: absolute;
	top:40vw;
	left:11vw;
}

#guessWord li {
	display: inline-block;
	margin-top: 1vw;
	padding: .5vw;
}

.hide {
	display: none;
}

#cover {
	position: absolute;
	width: 100%;
	height: 10vw;
}