* {
    padding: 0;
    margin: 0;
	font-family: 'Oxygen', sans-serif;
	text-align: center;
}

table {border-collapse: collapse;}

thead {background-color: #121212;}

td {align-content: center;}

body {
	background-color: #212121;
    color: #ffffff;
}

tbody {
	background-color: #212121;
}
/* Sizing */
.gameHeader {
	padding-top: 2vw;
	padding-bottom: 2vw;
}

.inputBox, .guessTotal, .pp, {
	padding-top: 1vw;
	padding-bottom: 1vw;

}

.gameButton {
	width: 40vw;
}

.table {
	margin-left: 10%;
}

/* Textbox */
#userInput {
	background-color: #68646c;
	border: 0vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
	width: 100%;
}
#userInput:focus {outline: 0vw;}

/* Colors Closeness */

.colorChange {
	padding-top: 1.5vw;
	padding-bottom: 1.5vw;
	background-color: dodgerblue;
}

.colorChangeRed {
	padding-top: 1vw;
	padding-bottom: 1vw;
	background-color: firebrick;
}

.colorChangeYellow {
	padding-top: 1vw;
	padding-bottom: 1vw;
	background-color: goldenrod;
}

.colorChangeGreen {
	padding-top: 1vw;
	padding-bottom: 1vw;
	background-color: forestgreen;
}