*
{
	color: white;
	font-family: sans-serif;
	font-size: large;
}


.justify
{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	margin: 5%;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
/*	width: 200px;
	height: 200px;*/
}

#wrapper
{
	display: grid;
	grid-template-columns: repeat(3, fr);
	text-align: center;
	height: 400px;
}

#start_button_backdrop
	{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		/*z-index: 1;*/
		background-color:#006f6385;
	}

#start_button 
	{
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    color: black;
	    padding: 25px;
	    border-radius: 10px;
	    font-size: 50px;
	    cursor: pointer;
	    background-color: white;
	}

#start_button:hover
	{
		background-color: #ffeb3b;
	}

#start_button:active
	{
		background-color: #ff5722;
	}	

.leftColumn
{
	background-color: #e3e3e3;
	color: #666666;
	/*	margin: 10px;*/
}

.centerColumn
{
	background-color: #9ad3de;
	/*	margin: 20px;*/
}

.rightColumn
{
	background-color: #89bdd3;
	/*margin: 20px;*/
}



#leftColumnGrid
{
	grid-column: 1/2;
	display: grid;
	grid-template-columns: fr;
	grid-template-rows: repeat(5, fr);
	/*display: inline-flex;*/
}
#centerColumnGrid
{
	grid-column: 2/3;
	display: grid;
	grid-template-columns: fr;
	grid-template-rows: repeat(2, fr);
}
#rightColumnGrid
{
	grid-column: 3/4;
	display: grid;
	grid-template-columns: fr;
	grid-template-rows: repeat(3, fr);
}

#LeftTop
{
	background-image: url("images/mario-coin.gif");
}

#LeftMiddle1
{
	background-image: url("images/mario-one-up.gif");
}

#LeftMiddle2
{
	background-image: url("images/mario-flower.gif");
}

#LeftMiddle3
{
	background-image: url("images/mario-flagpole.png");
	background-color: #9ad3de;
}

#LeftBottom
{
	background-image: url("images/mario-gameover.gif");
	background-color: #9ad3de;
}


#CenterTop
{
	background-image: url("images/mario-gameover.gif");
}
#CenterBottom
{
	background-image: url("images/mario-flagpole.png");
}


#RightTop
{
	background-image: url("images/drum-roll.gif");
}
#RightMiddle
{
	background-image: url("images/braaam.jpg");
}
#RightBottom
{
	background-image: url("images/bell.gif");
}


#audioContainer
{
	display: none;
}