body {
	text-align: center;
}

.explanation {
	display: inline-block;
	text-align: left;
}

#queryArea {
	max-width: 95%;
	margin-bottom: 0.2em;
}

#searchButtons {
	white-space: nowrap;
	margin-left: 0.2em;
}

#randomButton {
	margin-left: 0.5em;
}

#validSenryuArea {
	display: inline-block;
}

#senryuTable {
	display: table;
	border-collapse: collapse;
}

#senryuTable > div {
	display: table-row;
}

#senryuTable > div > div {
	display: table-cell;
	border: 1px solid black;
	padding: 0.2em;
}

#senryuIdCell {
	text-align: left;
	font-size: 150%;
}

#senryuCell {
	font-size: 200%;
}

#postCell {
	text-align: left;
}

#senryuNavigationArea {
	display: grid;
	grid-template-columns: 1fr auto 10fr auto 1fr;
}

#prevButton {
	grid-column: 2;
}

#nextButton {
	grid-column: 4;
}

#senryuDisplayArea:not(.searched) {
	display: none;
}

#senryuDisplayArea:not(.found) #validSenryuArea {
	display: none;
}

#senryuDisplayArea.found #notFoundMessage {
	display: none;
}

#senryuDisplayArea.first #prevButton {
	visibility: hidden;
}

#senryuDisplayArea.last #nextButton {
	visibility: hidden;
}