.pixelated {
	image-rendering: pixelated;
}

.p8_menu_button{
	opacity:0.3;
	padding:4px;
	display:table;
	width:24px;
	height:24px;
	float:right;
}

@media screen and (min-width:512px) {
	.p8_menu_button{
		width:24px; margin-left:12px; margin-bottom:8px;
	}
}
.p8_menu_button:hover{
	opacity:1.0;
	cursor:pointer;
}

canvas{
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
	border: 0px;
	cursor: none;
	height: 100%;
}


.p8_start_button{
	cursor:pointer;
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAIAAABMXPacAAAFU0lEQVR4Ae2doW8bWRDGn63qSKWTElJwUkFB5JQcCqkUBZgciFIVHDi4yr9gYLZaZmD1PzgZBhxqdeBIQVWp5Pg5CiiwVBBSS3cs6MBznyczb2bfem3v2v5+ijbP++bNvvfNvBnqAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADtHp8Fv5+6k1KZwd8yycHfhp5w1FrKpltBt+PvDK+svZpm7k8LdhbHmx08ttP7+cpad4waISzC8cs7N7uds6vnk0zKLQzBG76P5S21m9/Pnk0/8HvjZ0fu2XYKGAxBVJ64dUZ8VlpQ4yQi1JAbNB4Brx4QmmiYFRti3/B60oATRKm/HwJRbtTdmlYJ2KAHI3YnRFWkPYGZyipaUqFvNW+O1qLEAsDquES360Smqo+Zc89aengz2+gbYWW8ke3Q25Q3zkHjttnkttl2C4k1ytUaa8sY559zsfk57AJtaNINnR4005wZ6wLJzkjN7IaIyLaaeHUUVX/o1YvDdzJiSHva5CS9LQUyIuMp61stB1XvQSO43GYB4RRKHT42BLCaV7kGIHDHb5xK0YgzMfuCzexEJX9+MZDdK2eNobSEMzQeAdgUqXHQ2QPWdZed0la9v9KX0IKf8m7A2mG06DK0IwKOuQKqENhvpFvoSamMst4233BgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwE7Sqe8iHw7oz2I01gyK0ThlHJb49+G5lwHorkV9rw7VjhHko5b0SQde7n1VfM0BoJJFpY/ekko2e5z+awtAaZVIUVCzsUN76AGgZYeWo/rh3GPRW0C/l2XXrt9z/d6BK9GJ1l+ZxcEgVBtW99nYkH7p8+xSM07cD2v79CfbZ2In086yss+kEiSFk9ffT5V+tXxbH2699PnZ5ex+bghRjMb+T+vP0ZB7aUq3odU3urCqz7o9IFFie9NJhfvn/4qHm+LhZnL0V/Fws4JMtiXtH1EPtGPJKSMLpU3zTVgGozz7fvjN/2XzX9zbr7Xuk7BkG4h6MFItpZBSm/o8CR6pU6MH1NxBPhwUf/8ZfmbZ9WTye/SE9n7s7F65VNq1bhNVaNGEt0mWXYexVB8samj4k9nBamgw0wrxo6l+b/mlfo96o35Kx/K7UZv2w3sAvWv+GQ6m1YGUWrkcf7hdrj271MoCG9MST78rP23U990IAD2ekUebSLH4jRHjHRJ39QB49Y2jbkIFluky62v2/90IACs79FJrJ6ehYjXaztxENaM13a8NO9yzqAAAAAAAALBZOv5fPhw454rR2A+i4/Ck66U9M5A29Bne2z7lWLPXzsLstT3QtdHzUhttbOyZOlyOgxE7jx/Ip6ZvVZuopZwt9U/fpOzZ9l/1W/Z3NW3DuBt+2MIZelUlxafxXqbkGu0TfZYuZ5luWHb97Yjukl5ew6Yq1E/pd+X76HnWZS8LmlyYooNWAOW4G0Jq+7WvyMqXozSbVvBfepaUcmRv2Pv3KtO12m0zqhwAAAAAwGHSac9Wfj39KYz/mH5FbBogf+PyN4/fDAfhubavDAfrdVjH7ZM26H5xfPrx2/Ti+PSf23+dcxfHPzrnPn6byhP6QTEa+3ExGof3dCxtGH5WW87GKT6DN7rV6Frmv9uS3L84Pn3x+tXL6dOX06cvXr/y8ZC608Nrx9NstLQNxn4c1AnjOj6jsaf+2xIA59yXd5/d8GqWnX9591nuOJ2q9kxN+pPFvlTfYB/NBhZFb9aWALCC44tS9Hj0kCx5Q3qW1mJNIE196lO7AZpPVvfCKeyL0lATHg6y7Lpdezo0Di0A/wMgXsNdUkCddQAAABB0RVh0TG9kZVBORwAyMDExMDIyMeNZtsEAAAAASUVORK5CYII=");
	-repeat center;
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
}

.button_gfx{
	stroke-width:2;
	stroke: #ffffff;
	stroke-opacity:0.4;
	fill-opacity:0.2;
	fill:black;
}

.button_gfx_icon{
	stroke-width:3;
	stroke: #909090;
	stroke-opacity:0.7;
	fill:none;
}