body {
	display: flex;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

#board {
	width: 75vw;
	height: 100vh;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
	border-collapse: collapse;
}

#board p {
	width: 9vw;
	height: 12vh;
	font-size: 24px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: grey;
	margin: 0;
	padding: 0;
}

#rules {
	width: 25vw;
	height: 100vh;
	overflow-y: scroll;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#rules div {
	display: flex;
	width: 25vw;
	height: 12vh;
	flex-direction: row;
	justify-content: space-between;
	line-height: 10vh;
	padding-bottom: 2vh;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: black;
}

#rules p {
	width: 9vw;
	height: 10vh;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}
#rules input {
	width: 4vw;
	height: 5vh;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

#rules button {
	margin-bottom: 1vh;
	width: 25vw;
	height: 5vh;
}