html {
	margin	: 0px;
	padding	: 0px;
	
	width	: 100%;
	height	: 100%;
	
	background-image	: url("../images/Play_Me_biennial.jpg");

	background-position	: center;
	background-size		: cover;
	background-repeat	: no-repeat;
	
	font-family	: monospace;
	font-size	: 18px;
}

body {
	margin	: 0px;
	padding	: 0px;
	
	width	: 100%;
	height	: 100%;
}


@media screen and (max-width:600px) {
  #scale {
    -ms-transform: scale(0.5,0.5); /* IE 9 */
    -webkit-transform: scale(0.5,0.5); /* Chrome, Safari, Opera */
    transform: scale(0.5,0.5);
  }
}

img {
  display: block;
}

#logo {
	position	: fixed;
	top			: 0px;
	left		: 15px;
	display		: block;
}

#logo:hover {
	opacity: 0.8;
}

#playox {
	position	: fixed;
	bottom		: 15px;
	right		: 15px;
	display		: block;
}

#playox:hover {
	opacity: 0.8;
}

#container, #scale {
	padding	: 0px;
	margin	: 0px;
	
	position	: fixed;
	left		: 48%;
	top			: 50%;
	max-width	: 600px;
}

#cont {
	padding	: 0px;
	margin	: 0px;

	position	: relative;
	left		: -50%;
	top			: -180px;
}