/* Kleuren */
:root
{
    --bordkleurdonker: #5B7D1E;
	--bordkleurmiddeldonker: #A9CC64;
	--bordkleurmiddellicht: #B9D485;
	--bordkleurlicht: #E2EECA;
	--bordkleurwit: #FFFFFF;

    --bordkleurdonkerrgba: rgba(91, 125, 30, 0.75);
}

/* Bord */
.bord
{
	background-color: var(--bordkleurdonker);
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}

/* Mastermind tabel */
.mastermindtabel
{
    margin: 0px auto;
	padding: 0px 0px; 
	border-collapse: collapse;	
	border-spacing: 0px;
}

.mastermindcolumn
{
    margin: 0;
	padding: 0; 
}

.nietgeklikt
{
	cursor: pointer;
}

.mastermindimage
{
	display: block;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	float: left;
	width: 2.5vw;
}

.mastermindimageklein
{
	display: block;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	float: left;
	width: 2.5svw;
}