#info{
	font-size: 120%;}
body {
	margin: 1em;
	background-color: black;
	color: yellow;
}
a{
	color: yellow;
}
#student, #skolitel {
	border: 1px solid #666;
	padding: 0 1em;
	width: fit-content;
	background-color: rgb(43, 0, 71);
}
#skolitel {
        background-color: rgb(73, 0, 71);
}
.dashed {
	border-bottom: 3px dashed #bbb;
}
ul {
	list-style-type: square;
}

#project{
	display: flex;
	justify-content: space-between;
}
#game{
	display: flex;
	padding: 1em 0 3em 0 ;
}
#gomoku{
	margin:auto;
	border-collapse:collapse;
	border-spacing:0
}
table#gomoku td{
	cursor:pointer;
	white-space:nowrap;
	width:20px;
	height:20px;
	border:.01em solid grey !important;
	vertical-align:middle;
	text-align:center
}
table#gomoku td .move{
	display:block;
	margin:0 auto;
	width:84%;
	height:84%;
	border-radius:50%}
table#gomoku td .p1-move{background-color:royalblue}
table#gomoku td .p2-move{background-color:tomato}
table#gomoku td .p1-win{background-color:midnightblue}
table#gomoku td .p2-win{background-color:firebrick}

#board{padding:5em 4em;}
#result{font-size:1.4em;
text-align:center;
color:white}
#control{margin:4em 0 1.4em 0;
text-align:center}
#control button{padding:.32em;
color:navy}

#scorePlayer1,#scorePlayer2,.delimiter{font-size:1.8em}
#scorePlayer1,#scorePlayer2,#namePlayer1,#namePlayer2{width:5rem}
#namePlayer1,#namePlayer2{font-size:1.4rem}
#scorePlayer1,#namePlayer1{color:royalblue}
#scorePlayer2,#namePlayer2{color:tomato}