body {
	background-color: burlywood;
	font-family: sans-serif;
}
#start {
	font-size:3vmin;
	background-color: green;
	color:ivory;
	padding:1vmin 2vmin;
	margin-top:3vmin;
	border:1vmin solid green;
	border-radius:50%;
	font-weight: bold;
}
#intro, #main, #board, #board div, .row,  #panel {
	display:flex;
}
#intro {
	width:90vmin;
	margin:2vmin auto 0 auto;
	flex-direction: column;
	align-items: center;
}
#intro img {
	width:95%;
}
#intro button {
	width:15%;
	margin-top:5vmin;
}
#main {
	display:none;
	width:140vmin;
	margin:2vmin auto;
	justify-content: space-between;
}
#board {
	flex-direction: column;
	justify-content: center;
	border:1.5vmin solid darkgoldenrod;
}
#board div {
	flex-wrap:nowrap;
}
#board img {
	width:9vmin;
	height:9vmin;
	border:thin solid darkgoldenrod;
	background-color: ivory;
}
.row {
	justify-content: center;
}
#panel {
	flex-direction:column;
	align-items: center;
	margin-top:3vmin;
}
#which {
	width:14vmin;
	height:14vmin;
}
#txt {
	width:43vmin;
	height:10vmin;
	border:thin solid;
	background-color: ivory;
	padding:2vmin;
	font-size:20px;
	margin-top:3vmin;
	text-align:center;
}
#txt img {
	width:6vmin;
	height:6vmin;
	vertical-align:middle;
}
@media (orientation:portrait) {
	#main {
		flex-direction:column;
		width:90vmin;
		align-items: center;
	}
	#panel {
		flex-direction:row;
		margin-top:2vmin;
	}
	#which {
		margin:5vmin;
	}
	#txt {
		width:58vmin;
		margin-top:0;
	}
}