body {
	color: #556270;
	background-color: #D8D8C0;
}

h1 {
	text-align: center;
	text-decoration: underline;
}

table {
	width: 90%;
	margin-left: 5%;
}

#controls {
	font-size: 24px;
	margin-bottom: 25px;
	text-align: center;
}

#controls, #controls td, #controls th {
	border: 1px solid black;
	border-collapse: collapse;
}

#controls th {
	background-color: #B8B8A0;
}

#controls input, #controls button {
	font-size: 24px;
}

#controls input {
	margin: 5px 0;
}

#controls .placeholder {
	color: darkgray;
}

#notes {
	text-align: center;
}

#data, #data tr, #data td, #data th {
	font-size: 20px;
	border: 1px solid black;
	border-collapse: collapse;
}

#data th {
	background-color: #B8B8A0;
}

#data td, #data th {
	text-align: center;
	padding: 5px 15px;
}

#data .result-value {
	background-color: yellow;
}

#start-x-input {
	display: inline-block;
	width: 3em;
}