html {
	text-align: center;
	background-color: #000000;
	color: #FFFFFF;
	font-family: Helvetica Neue;
}

.input {
	margin: auto;
	background-color: #8BA874;
	font-family: Arial Rounded MT Bold;
	height: 30px;
	width: auto;
	border: solid 3px #8BA874;
}

.answer {
	margin: auto;
	background-color: #8BA874;
	font-family: Arial Rounded MT Bold;
	height: 30px;
	width: auto;
	border: solid 3px #8BA874;
}

.buttonTable {
	border: solid 2px #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}

.buttonGray {
	height: 30px;
	width: 35px;
	background-color: #3D3D3D;
	text-align: center;
	border: solid 1px #000000;
}

.buttonGreen {
	height: 30px;
	width: 35px;
	background-color: #64AF0E;
	text-align: center;
	border: solid 1px #000000;
}

.buttonBlack {
	height: 30px;
	width: 35px;
	background-color: #222222;
	text-align: center;
	border: solid 1px #000000;
}

.shift {
	height: 30px;
	width: 35px;
	background-color: #CECE2A;
	text-align: center;
	border: solid 1px #000000;
	border-radius: solid 60px #000000;
}

.alpha {
	height: 30px;
	width: 35px;
	background-color: #FF1493;
	border-radius: solid 1px #000000;
}

.ifShift {
	font-size: 8px;
	color: #CECE2A;	
}

.ifAlpha {
	font-size: 8px;
	color: #FF1493;
}

.spacingTop {
	font-size: 8px;
	color: #000000;
}

.buttonBlackAndImaginaryNumber {
	height: 30px;
	width: 35px;
	background-color: #222222;
	text-align: center;
	border: solid 1px #000000;
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
}

button {
	color: #FFFFFF;
	text-align: center;
}

a {
	color: #FFFFFF;
}