@charset "utf-8";

@import url("base_00.css");
@import url("btn_01.css");

.bottomElem {
	width:100%;	display: block!important;
	background-color: white;
	position: absolute!important; /*bottom: 0!important;*/
	margin:50px 0!important;
}
.matchingContainer {
	display:block; margin:0 auto; padding:0;
	/*background-color: goldenrod;
	min-height: 25px;*/
}

div.CardStyle {
	position: absolute; left: -5px; top: -5px;
	font-family: var(--strFontFace); font-size: 16pt; font-weight: bold;
	border: solid 2px LIGHTSLATEGRAY;
	/*border-radius: 0.25em;*/
	min-width: 2em; padding: 0.35em 0.5em;
	background-color: floralwhite; color: MIDNIGHTBLUE;
	box-shadow: 0.2em 0.2em 0em darkslategray;
	overflow: visible;
	touch-action: none; user-select: none;
	box-sizing: border-box;
	display:flex; flex-direction: row;
	align-items: center;
}

div.CardStyleCentered{
	text-align: center;
}



@media screen and (max-width: 980px) {

div.CardStyle {
	font-size: 15.5pt; padding: 0.3em 0.5em;
}
}



@media screen and (max-width: 690px) {

div.CardStyle {
	font-size: 14pt; padding: 0.25em 0.5em;
}

/*div.CardStyle #R_0,#R_1,#R_2,#R_3,#R_4,#R_5 {
	font-size: 14pt!important; font-weight: bold;
} */

}