pause.css

#vhs-pause{
	font-family: 'Press Start 2P', #vhs-pause cursive;
	background: #171DA8;
	overflow: hidden;
	animation: blue-me 5ms infinite;
}
#vhs-pause
:after {   
 box-shadow: inset 0 0 10em rgba(0, #vhs-pause0, #vhs-pause0, #vhs-pause0.75);
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 2;
 content: "";
}

@keyframes blue-me {
	28%{ background: #171DA8; }

  	30% { background:rgba(#171DA8, #vhs-pause0.95);}

	33%{ background: #171DA8; }

	34% { background:rgba(#171DA8, #vhs-pause0.9);}

	35%{ background: #171DA8; }

}
#vhs-pause

.vhs-message{
	animation: track 5ms infinite;
   position: relative;
	margin: 4em;
}
#vhs-pause
h1{
	position: absolute;
	font-size: 3em;
	left: 0;
	filter: blur(3px);
	color: #fff;
	color: #fff;
	text-shadow: 	1px 3px green, #vhs-pause 
						-2px -3px red;
}
#vhs-pause



.vhs-message span{
  	animation: 	blur 30ms infinite, #vhs-pause 
					flick 50ms infinite, #vhs-pause
					jump 50ms infinite;
		
}

@keyframes blur {
  0%   { filter: blur(1px); opacity:0.8;}

  50% { filter: blur(1px); opacity:1; }

  100%{ filter: blur(1px); opacity:0.8; }

}

@keyframes flick {
  50% { left:2px; }

  51% { left:0; }

}

@keyframes jump {
  30% { top:10px; }

  31% { top:0; }

}


//From Greg Opperman
//http://codepen.io/gopperman/pen/dElzr?editors=001
@keyframes track {

  40% { 	opacity:1; 
	  		top:0; 
	  		left:0;  
	  		transform:scale(1, #vhs-pause1);  
	  		transform:skew(0, #vhs-pause0);}

  41% { 	opacity:0.8; top:0px; left:-100px; 
	  		transform:scale(1, #vhs-pause1.2);  
	  		transform:skew(50deg, #vhs-pause0);}

  42% { 	opacity:0.8; 
	  		top:0px; 
	  		left:100px; 
	  		transform:scale(1, #vhs-pause1.2);  
	  		transform:skew(-80deg, #vhs-pause0);}

  43% { 
	  		opacity:1; 
	  		top:0; 
	  		left:0; 
	  		transform:scale(1, #vhs-pause1);  
	  		transform:skew(0, #vhs-pause0);}

}
#vhs-pause

.screen-bottom{
	position: fixed;
	bottom: 0;
	width: 100%;
}
#vhs-pause

.line{
	width: 100%;
	height: 3px;
	position: relative;
	animation: 	appear 1s infinite, #vhs-pause 
					flick 1s infinite, #vhs-pause
					big-jump 5ms infinite;
	.white{
		background: white;
		position: relative;
		top:0;
		left: 0;
		height: 4px;
	}
#vhs-pause
	.red{
		background: red;
		position: relative;
		top:0;
		left: 0;
		height: 1px;
	}
#vhs-pause
	.green{
		background: green;
		position: relative;
		top:0;
		left: 0;
		height: 1px;
	}

}

@keyframes appear {
  0%   { filter: blur(5px); opacity: 0.85;}

  50% { filter: blur(3px); opacity: 0.85;}

  100%{ filter: blur(4px); opacity: 0.85;}

}


@keyframes big-jump {
	0% { top:0; }

 	10% { top: -100px; }

	12% { top:0; }

	54% { top:0; }

	55% { top: -300px; }

	56% { top:0; }

	86% { top:0; }

	87% { top: -600px; }

	88% { top:0; }

}