.tut{
	max-height:100%;
	max-width:100%;
}


.overlay {
	width: 90%;
	height: 90%;
	position: absolute;
	left:5%;
	top: 5%;
	background: #b0b0b0;
	padding: 5%;
	text-align: center;
}

#menu {z-index: 100; }
#tutorial {z-index: 200}

#svgObject {
	width: 95%;
	height: 95%;
	position: absolute;
	left:2.5%;
	top: 2.5%;
}

#endTurnButton {
	top:10px;
	height: 15%;
	width: 40%;
	left: 50%;
	padding-left: 5%;
	padding-right:5%;
	position: absolute;
	text-align: center;
	font-size: 25;
}

#startMyTurnButton {
	font-size:30;
}
#skipButton{
	font-size:30;
}

#gameTimer {
	position: absolute;
	top:10px;
	height: 15%;
	width: 30%;
	left: 10%;
	padding-left: 5%;
	padding-right:5%;
	background: #6e1717;
	text-align: center;
}

#gameTime {
	color: white;
	font-size: 50;
}

#winner {
	position: absolute;
	top:2%;
	height: 10%;
	width: 60%;
	left: 20%;
	padding-left:2%;
	padding-right:2%;
	text-align:center;
	background-color: rgba(255, 255, 255, 0.5);
}
#winnerText{
	width:100%;
	height:100%;
	text-align: center;
}



#warning {
	position: absolute;
	top:10%;
	height: 10%;
	width: 40%;
	left: 25%;
	padding-left: 5%;
	padding-right:5%;
	background: #6e1717;
	opacity: 0.8;
	text-align: center;
}