html {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */	
	overflow: hidden;
	
	margin: 0px;
	padding: 0px;
}

body {
	background: url('/images/achtergrond-v2.png');
    background-repeat:   no-repeat;

	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */	

	margin: 0px;
	padding: 0px;
	
	background-color: #222;
}
#marijn {
	position: absolute;
	left:1480px;
	top:430px;
	height: 500px;
}
#spraak-ballon {
	position: absolute;
	left:1200px;
	top:300px;
	height: 300px;
}

#logo {
	position: absolute;
	left:1680px;
	top:30px;
	width: 200px;
}
#maindisplay {
	overflow: hidden;
	width:1920px;
	height:1080px;
}
/*
#prullebakken {
	position: absolute;
	bottom: -10px;
	width:100%;
}
.prullebak {
	display: inline-block;
	position: relative;
	cursor: pointer;
//	margin: -20px;
}
*/
#papier {
	position:absolute;
	top: 575px;
	left: 200px;
}
#rest {
	position:absolute;
	top: 575px;
	left: 400px;
}
#plastic {
	position:absolute;
	top: 575px;
	left: 600px;
}
#glas {
	position:absolute;
	top: 575px;
	left: 800px;
}
#gft {
	position:absolute;
	top: 575px;
	left: 1000px;
}


.prullebak-afbeelding {
	width:200px;
	cursor: pointer;
}
.prullebak-tekst {
	position: absolute;
	bottom: 20px;
    font-family: 'Play';
	left:50px;
	top:28px;
	font-size: 25px;
	color:#222;
	width: 100px;
	text-align: center;
}
.item {
	position: absolute;
	top:100px;
	left:1976px;
}
.item-afbeelding {
	animation: mymove 5s infinite;
	max-height:200px;
}
@keyframes mymove {
  50% {transform: rotate(180deg);}
}

.score {
	position: absolute;
	top: 40px;
	left: 800px;
    font-family: 'Play';
	font-size: 40px;		
}
#score {
	display: inline-block;
}

.plays {
	position: absolute;
	top: 40px;
	left: 400px;
    font-family: 'Play';
	font-size: 40px;		
}
#plays {
	display: inline-block;
}
.debug {
	position: absolute;
	top: 40px;
	left: 100px;
    font-family: 'Play';
	font-size: 30px;
	display: none;	
}
#debug {
	display: inline-block;
}

#gameover {
	display: none;
	position: absolute;
	left:750px;
	top:300px;
	background-color: #fff;
	width: 400px;
	height: 100px;
	z-index: 99999999;
	border-radius: 10px;
    font-family: 'Play';
	font-size: 30px;
	text-align: center;
	padding-top: 30px;
	box-shadow: 4px 4px 20px #222;
}
#start {
	position: absolute;
	left:250px;
	top:990px;
	background-color: #7c3f00;
	color:#fff;
	width: 200px;
	height: 50px;
	z-index: 99999999;
	border-radius: 10px;
    font-family: 'Play';
	font-size: 30px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
	border: solid 4px #c7731d;
	cursor: pointer;
	box-shadow: 4px 4px 30px #7b3f00;
	animation: pulsing 2s ease 0s infinite normal forwards;	
}
#drop {
	display: none;
	position: absolute;
	left:1000px;
	top:990px;
	background-color: #7c3f00;
	color:#fff;
	width: 330px;
	height: 50px;
	z-index: 99999999;
	border-radius: 10px;
    font-family: 'Play';
	font-size: 30px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
	border: solid 4px #c7731d;
	cursor: pointer;
	box-shadow: 4px 4px 30px #7b3f00;	
}

@keyframes pulsing {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}