body {
    background-color: #333;
	margin:0px;
}

h2 {
    text-align: center;
    font-family: Arial;    
}

.buffer {
	margin:0 75px 0 75px;
	padding-top:50px;
}

.sivu {
	text-align:center;
	margin:auto;
	width:604px;
	position:relative;
}

#svgContainer {
	position:absolute;
	z-index:2;
	left:90px;
	top:0;
	text-align:center;
}

#playbutton {
	position:absolute;
	z-index:2;
	left:240px;
	top:250px;
	text-align:center;
}

#playbutton:hover {
	left:238px;
	top:248px;
}
#playbutton:hover #button{
	width:124px;
}

#Matopeli {
	border:2px solid #0f3;
}

div#debugging {
    text-align:center; 
}

.menu {
	float:left;
	position:absolute;
}

.wheelrim {
	stroke:black;
}

svg:hover .wheelrim {
	stroke:#D1B000;
}

svg.active .wheelrim {
	stroke:#D1B000;
}

.mimg {
	display: block;
	position:relative;
	background-color:#222;
	width:75px;
	height:75px;
}

.wheel:hover:not(.active) {
	animation: rotation 2s infinite linear;
}

@keyframes rotation {
  0% {transform: rotate(0deg);}
  25% {transform: rotate(35deg);}
  50% {transform: rotate(0deg);}
  75% {transform: rotate(-35deg);}
  100% {transform: rotate(0deg);}
}

.omimg:hover:not(.active) {
	background-color: #134243;
}

.mimg.active {
	background-color: #383838;
}

.triangle {
      width: 0;
      height: 0;
      border-top: 60px solid #222;
      border-right: 75px solid transparent;
}