* {
  font-family: trebuchet ms, Arial;
	box-sizing: border-box;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
       -moz-border-radius: 0;
     	      border-radius: 0;
	-webkit-user-select: none; /* Safari 3.1+ */
  	 -moz-user-select: none; /* Firefox 2+ */
  		-ms-user-select: none; /* IE 10+ */
  			  user-select: none; /* Standard syntax  */
}
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: rgb( 200, 200, 200 );
}

.bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba( 0, 0, 0, 0.3 );
}
.bg-sidemenu {
  display: none;
  z-index: 3;
}
.bg-platebox {
  display: none;
  z-index: 5;
}

.wrap[data-box="1"], .wrap[data-box="2"] {
  display: none;
}