/* * {
	margin: 0;
	padding: 0;
} */

/********************************************************************/

header {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

/********************************************************************/

#grid-container {
	display: grid;
	grid-template-rows: repeat(3, 250px);
	grid-template-columns: repeat(3, 0.12fr);
	/* grid-template-columns: repeat(3, 0.2fr); */
	justify-content: center;
	margin-top: 1em;
	border: none;
}

/********************************************************************/

#grid-container > div {
	border-left: 1px solid black;
	border-right: 1px solid black;
	text-align: center;
	padding-top: 8em;
	text-align: center;
	font-weight: bold;
	/* font-size: x-large; */
}

/********************************************************************/

#grid-container > div:nth-child(1n + 4) {
	border-top: 1px solid black;
	border-bottom: none;
}

/********************************************************************/

#grid-container > div:nth-child(1n + 3) {
	border-right: none;
}

/********************************************************************/

#grid-container > div:nth-child(3n - 2) {
	border-left: none;
}

/********************************************************************/

.btns-container {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	margin-top: 8rem;
}

/********************************************************************/

button {
	cursor: pointer;
}

/********************************************************************/

.form-control {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 1rem;
}

/********************************************************************/

form > .btns-container {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-top: 2rem;
}

/********************************************************************/

#turns-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	font-size: 2em;
	margin-top: 3rem;
}

/********************************************************************/

#grid-container > div > button {
	cursor: pointer;
	border: none;
	background-color: transparent;
}

/********************************************************************/

#message-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	font-size: 2em;
	margin-top: 2rem;
}

/********************************************************************/