* {
			padding: 0;
			margin: 0;
		}

		body {
			width: 99%;
			height: 99vh;
			background-color: #333;
			font-family: sans-serif;
		}

		#field {
			position: absolute;
			display: block;
			background-color: #444;
			//height: 70%;
			//width: 70%;
			//top: 15%;
			//left: 15%;
			//margin: -280.5px 0 0 -280.5px;
			z-index: -1;
			//padding-top: 4px;
			box-sizing: border-box;
		}

		.score {
			position: absolute;
			display: block;
			top: 3%;
			left: 45%;
			width: 10%;
			height: 5%;
			text-align: center;
			font-weight: bold;
			color: #444;
			font-size: 30px;
			line-height: 40px;
			transition: all 1s;
		}

		.score.table-light {
			background-color: #898;
		}

		.score.table-simple {
			background-color: #777;
		}


		#keys {
			position: absolute;
			display: block;
			//background-color: #aaa;
			//opacity: 0.25;
			top: 75%;
		}

		#keyswindow {
			position: absolute;
			border: 1px solid #fff;
			border-radius: 4px;
			background-color: #eee;
			opacity: 0.25;
			width: 100%;
			height: 100%;
		}

		.key {
			display: inline-block;
			border: 1px solid #ccc;
			border-radius: 4px;
			background-color: #ddd;
			opacity: 0.5;
			width: 40px;
			height: 40px;
			margin: 0px;
			z-index: 1;
		}

		.key.pressed {
			background-color: #ccc;
			opacity: 1;
		}

		#line {
			margin: 4px;
		}

		#w {
			margin-left: 25%;
		}


		.block {
			position: relative;
			display: inline-block;
			height: 32px;
			width: 32px;
			transform: scale(0, 0);
			margin-left: 1px;
			margin-top: -3px;
			background-color: #899;
			opacity: 0.25;
			border: 1px solid #aaa;
			transition: transform 1s, opacity 1s;
			-webkit-box-shadow: inset 0px 0px 149px 0px rgba(100, 100, 100, 0.75);
			-moz-box-shadow: inset 0px 0px 149px 0px rgba(100, 10, 100, 100.75);
			box-shadow: inset 0px 0px 149px 0px rgba(100, 100, 100, 0.75);
		}

		.block.block-selected {
			background-color: #fff;
			opacity: 1;
			transform: scale(1, 1);
		}

		.block.apple {
			background-color: #f22;
			opacity: 1;
			transform: scale(0.5, 0.5);
			border-radius: 50%;
		}

		.block.pumpkin {
			background-color: #f50;
			opacity: 1;
			transform: scale(1, 1);
			border-radius: 50%;
		}

		.block.blowed {
			background-color: #f22;
			opacity: 0;
			transform: scale(2, 2);
		}

		.windowMenu {
			position: absolute;
			display: block;
			border-radius: 5px;
			border: 1px solid #555;
			//height: 100%;
			//width: 100%;
			//transition: all 1s;
			background: #222;
			z-index: 1;
			opacity: 0.75;
		}

		.windowMenu.hidden {
			visibility: hidden;
		}

		.windowMenu.showen {
			visibility: visible;
		}

		.simpleButton {
			border: none;
			background: #555;
			width: 50%;
			height: 25%;
			margin-top: 25%;
			margin-left: 25%;
			font-size: 24px;
			color: #222;
		}

		.simpleButton:hover {
			background: #777;
		}

		#progressbar {
			position: absolute;
			display: block;
			width: 100%;
			height: 5px;
			background: #0a0;
		}