html {
	height: 100vh;
	font-size: 2vh;
}


body {
	margin: auto;
	height: 90%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	touch-action: manipulation;
/*	font-size: calc(0.5rem + 1vw);*/
}

#hint {
	text-align: center;
}
#unknownwords {
	text-align: center;
	color: red;
}

#help {
	position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	border-radius: 10px;
	background-color: #ffffffff;
	overflow-y: scroll;
	border: solid 1pt black;
	padding: 5px;
}

#help h1 {
	text-align: center;
}

#close_help {
	position: absolute;
	top: 20px;
	right: 20px;
}

#board {
	margin: auto;
	margin-bottom: 10px;
}

#message {
	font-size: 200%;
	text-align: center;
}

#commands {
	display: flex;
	justify-content: center;
}
#commands input {
	font-size: 150%;
	margin: 5px;
}

#wordgroups {
	display: flex;
	width: 60%;
	margin: auto;
	flex-wrap: wrap;
	row-gap: 10px;
	justify-content: space-between;
}

@media only screen and (min-width: 768px) {
	#wordgroups {
		width: 95%;
	}
	html {
		font-size: 1.5vh;
	}
}

#board td .letterpossibilities {
	aspect-ratio: 1/1;
}

.wordgroup {
	background-color: #aaaaaaaa;
	border: solid 2px black;
	border-radius: 10px;
	font-size: 200%;
	display: flex;
	padding: 5px;
	user-select: none; /* Standard */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */

/*	margin-left:  20px;*/
/*	margin-right: 20px;*/
}

.letter {
	aspect-ratio: 1/1;
	width:  1.3em;
	height: 1.3em;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#board td .content {
	aspect-ratio: 1/1;
	user-select: none; /* Standard */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
/*	display: table-cell;*/
}

#board td .guess {
	vertical-align: middle;
	text-align: center;
	font-size: 400%;
}

.content {
	display: flex;
	justify-content: center;
	align-items: center;
}

.unselection {
	border: solid 3pt transparent;
}
.selection {
	border: solid 3pt black;
}