@font-face {
	font-family: TB-SloppyHandwriting; src: url('Tbsloppyhandwriting-Regular.ttf');
} 

body  {
	font-size: x-large;
	text-align: center;
	background-color: white;
	text-color: black;
	width: 100%;
	height: 100%;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
	font-family: TB-SloppyHandwriting
}

.titleTextP {
	margin-left: 20%;
	margin-right: 20%;
}

button {
	font-size: x-large;
	font-family: TB-SloppyHandwriting
}

div {
	text-align: center;
}

.stateDiv {
	display: none;
}

.kidCardImg {
	max-width: 30vw;
	max-height: 35vh;
	padding: 3px;
	margin: 3px;
}

.minus_two_z_index {
	position: relative;
	z-index: -2;
}

.kidCardContainerTD {
	border: 2px solid black;
	position: relative;
}

.encounterKidCardDiv {
	display: inline-block;
	margin: 3px;
}

.hoverCard:hover {
	border: 2px dashed black;
}

.noHoverCard {}

.kidCardCheckboxInput {
	position: absolute;
	top: 10px;
	right: 10px;
	transform: scale(2);
}

.invisible { display: none; }

#play_game_state_div {
	width: 100%;
}

#kidsAndEncountersCanvas {
	width: 100%;
	z-index: -2;
}
#kidsAndEncountersCanvas {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

#coinsDiv {
	z-index: 1;
}

.glossaryTD {
	text-align: left;
	margin: 3px;
	padding: 3px;
	border: 1px solid black;
	border-collapse: collapse;
}