/* ///////////////////////////////////////// */
/* ///////////////////////// WIDE PROPERTIES */
body,html{ width:100%; height:100%; margin:0; background-color:#9F9F9F; }


/* ///////////////////////////////////////// */
/* /////////////////////////////// STRUCTURE */
.set-size { width:300px; height:250px; }
.full-size { width:100%; height:100% }
.set-position { top:0; left:0 }
body * { position:absolute; }


#container {
	background: #ffffff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	/*BORDER*/
	border: 1px solid #000000;
	box-sizing: border-box;
}



/* ///////////////////////////////////////// */
/* ////////////////////////////////// STEP 1 */
#bg-fx {
    filter: blur(1px) saturate(150%);
}