body{
		margin : 0px; overflow: hidden; font-family: Monospace;
	}
	#arVideo{
		display: none;
		z-index: 100;
	}
	#arLayer{
		display: none;
		z-index: 101;
	}
	.flip{
		-moz-transform:    scaleX(-1); /* Gecko */
  		-o-transform:      scaleX(-1); /* Opera */
  		-webkit-transform: scaleX(-1); /* Webkit */
  		transform:         scaleX(-1); /* Standard */
  		filter: FlipH;     
	}
	#bsod {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    height: 100%;
	    width: 100%;
	    z-index: 4;
	    background-image: url(../img/bsod.png);
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-size: contain;
	    image-rendering: pixelated;
	    pointer-events: none;
	    display: none;
	    background-color: #0000aa;
	}	
	#wait{
	    position: absolute;
	    top: 0;
	    left: 0;
	    height: 100%;
	    width: 100%;
	    z-index: 102;
	    background-image: url(../gif/loader.gif);
	    background-repeat: no-repeat;
	    background-position: center;
	    image-rendering: auto;
	    image-rendering: crisp-edges;
	    image-rendering: pixelated;
	    pointer-events: none;
	    background-color: white;
	}
	#chroma-chr{
		z-index: 100;
		position: absolute;
	}
	#fond{
		background-image: url('');
		position: absolute;
	    top: 0px;
	    left: 0px;
	    width: 100%;
	    height: 100%;
	    image-rendering: pixelated;
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-size: cover;
	}
	#videos, #videosCanvas{
		visibility:hidden;
		position: absolute;
	}
	#gifs{
		display:none;
	}

	#glitchVideo{
		position: absolute;
		z-index: 100;
		display: none;
		top: 0;
		left: 0;
		opacity: 1;
		image-rendering: crisp-edges;
    	image-rendering: pixelated;
    	animation: shake 0.2s cubic-bezier(.36,.07,.19,.97) both;
	}

	@keyframes shake {
	  10%, 90% {
	    transform: translate3d(-1px, 0, 0);
	  }
	  
	  20%, 80% {
	    transform: translate3d(2px, 0, 0);
	  }

	  30%, 50%, 70% {
	    transform: translate3d(-4px, 0, 0);
	  }

	  40%, 60% {
	    transform: translate3d(4px, 0, 0);
	  }
	}

.zipped{
	position: absolute !important;
  	top: 50% !important;
  	right: 50% !important;
  	transform: translate(50%,-50%) !important;
  	transition-duration: 0.2s;
  	margin-top: 0 !important;
  	border-radius: 25px;
}

#arVideo.zipped{
  	-webkit-box-shadow: 0px 0px 32px 5px rgba(255,255,255,0.5); 
	box-shadow: 0px 0px 32px 5px rgba(255,255,255,0.5);
}

.winrg{
	background-image: url(../img/winrg.jpg) !important;
    background-size: 100% 100% !important;
}

#zip{
	position: absolute;
    top: calc(50% + 180px/2 + 25px );
    right: 50% !important;
    transform: translate(50%,-50%) !important;
    color: #fff;
    font-size: 30px;
    display: none;
}