body {
	background: #a3f0d5;
	text-align: center;
}

#results {
	border-spacing: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	border: 2px solid;
}

#title {
	border: 0.5rem outset pink;
	outline: 0.5rem solid khaki;
	box-shadow: 0 0 0 1rem skyblue;
	border-radius: 8px;
	font: bold 1rem sans-serif;
	margin: 1rem;
	margin-bottom: 2rem;
	margin-left: auto;
	margin-right: auto;
	padding: 0.5rem;
	outline-offset: 0.5rem;
	width: 50%;
}

.button {
	background-color: pink;
	border-radius: 8px;
}

#input {
	margin-bottom: 12px;
}

#results td {
	margin: 0px;
}

#results th {
	border-bottom: 2px solid;
	cursor: pointer;
	width: 40px;
	padding-right: 3px;
	text-align: center;
}

td.center {
	text-align: center;
	border-left: solid 1px;
}
			
.right {
	cursor: pointer;
	padding-right: 14px;
	text-align: right;
	border-left: solid 1px;
}

.left_border {
	border-left: solid 2px;
}

tr:nth-child(even) {
	background: #DDD
}

tr:nth-child(odd) {
	background: #FFF
}

#words {
	font-family: "Lucida Console", "Courier New", monospace;
	font-weight: bold;
	background: pink;
	border: 2px solid;
	position: absolute;
	width: 330px;
	height: 450px;
	top: calc((100% - 400px) / 2);
	left: calc((100% - 330px) / 2);
	text-align: center;
	display: none;
}

#wordsTitle {
	background: #a2cceb;
	cursor: pointer;
	margin: 12px auto 6px auto;
	padding: 6px;
	border: solid 1px;
	text-align: center;
	width: 300px;
}

#wordsResult {
	margin: 12px auto 12px auto;
	height: 320px;
	overflow-y: auto;
	width: 150px;
}