body {
background: url(404bg.jpg) 0 0/cover;
font-family: 'Source Sans Pro',sans-serif;
color: rgba(255,255,255,.9);
font-weight: 300;
}

.error-wrap {
display: block;
position:relative;
width: 500px;
height: 250px;
margin: 10% auto ;	
}

.error{font-size:100px;
text-align:center;width:100%;
position:absolute;top:0
}

.error:nth-child(2){
margin-left:1px;
text-shadow:-1px 0 rgba(255,0,0,.4);
overflow:hidden;

clip:rect(0,900px,0,0);
-webkit-animation:noise-anim 2s infinite linear alternate-reverse;
animation:noise-anim 2s infinite linear alternate-reverse;
z-index:10
}

.error:nth-child(3){
margin-left:-1px;
text-shadow:-1px 0 rgba(0,0,255,.4);
overflow:hidden;
clip:rect(0,900px,0,0);
-webkit-animation:noise-anim-2 3s infinite linear alternate-reverse;
animation:noise-anim-2 3s infinite linear alternate-reverse;
z-index:10

}

@-webkit-keyframes noise-anim{
0%{clip:rect(28px,9999px,50px,0)}5%{clip:rect(93px,9999px,76px,0)}10%{clip:rect(2px,9999px,60px,0)}15%{clip:rect(8px,9999px,47px,0)}20%{clip:rect(87px,9999px,97px,0)}25%{clip:rect(39px,9999px,45px,0)}30%{clip:rect(25px,9999px,25px,0)}35%{clip:rect(39px,9999px,66px,0)}40%{clip:rect(95px,9999px,62px,0)}45%{clip:rect(28px,9999px,3px,0)}
50%{clip:rect(11px,9999px,98px,0)}55%{clip:rect(63px,9999px,9px,0)}60%{clip:rect(19px,9999px,16px,0)}65%{clip:rect(34px,9999px,30px,0)}70%{clip:rect(78px,9999px,15px,0)}75%{clip:rect(19px,9999px,40px,0)}80%{clip:rect(41px,9999px,53px,0)}85%{clip:rect(80px,9999px,23px,0)}90%{clip:rect(76px,9999px,94px,0)}95%{clip:rect(21px,9999px,28px,0)}100%{clip:rect(27px,9999px,22px,0)}
}

@keyframes noise-anim{
0%{clip:rect(28px,9999px,50px,0)}5%{clip:rect(93px,9999px,76px,0)}10%{clip:rect(2px,9999px,60px,0)}15%{clip:rect(8px,9999px,47px,0)}20%{clip:rect(87px,9999px,97px,0)}25%{clip:rect(39px,9999px,45px,0)}30%{clip:rect(25px,9999px,25px,0)}35%{clip:rect(39px,9999px,66px,0)}40%{clip:rect(95px,9999px,62px,0)}45%{clip:rect(28px,9999px,3px,0)}
50%{clip:rect(11px,9999px,98px,0)}55%{clip:rect(63px,9999px,9px,0)}60%{clip:rect(19px,9999px,16px,0)}65%{clip:rect(34px,9999px,30px,0)}70%{clip:rect(78px,9999px,15px,0)}75%{clip:rect(19px,9999px,40px,0)}80%{clip:rect(41px,9999px,53px,0)}85%{clip:rect(80px,9999px,23px,0)}90%{clip:rect(76px,9999px,94px,0)}95%{clip:rect(21px,9999px,28px,0)}100%{clip:rect(27px,9999px,22px,0)}
}


@-webkit-keyframes noise-anim-2{
0%{clip:rect(87px,9999px,90px,0)}5%{clip:rect(63px,9999px,16px,0)}10%{clip:rect(62px,9999px,69px,0)}15%{clip:rect(29px,9999px,13px,0)}20%{clip:rect(14px,9999px,90px,0)}25%{clip:rect(13px,9999px,38px,0)}30%{clip:rect(74px,9999px,57px,0)}35%{clip:rect(97px,9999px,68px,0)}40%{clip:rect(58px,9999px,46px,0)}45%{clip:rect(58px,9999px,10px,0)}
50%{clip:rect(65px,9999px,4px,0)}55%{clip:rect(93px,9999px,93px,0)}60%{clip:rect(59px,9999px,20px,0)}65%{clip:rect(38px,9999px,40px,0)}70%{clip:rect(87px,9999px,45px,0)}75%{clip:rect(95px,9999px,48px,0)}80%{clip:rect(71px,9999px,22px,0)}85%{clip:rect(36px,9999px,72px,0)}90%{clip:rect(5px,9999px,9px,0)}95%{clip:rect(25px,9999px,82px,0)}100%{clip:rect(65px,9999px,63px,0)}
}

@keyframes noise-anim-2{
0%{clip:rect(87px,9999px,90px,0)}5%{clip:rect(63px,9999px,16px,0)}10%{clip:rect(62px,9999px,69px,0)}15%{clip:rect(29px,9999px,13px,0)}20%{clip:rect(14px,9999px,90px,0)}25%{clip:rect(13px,9999px,38px,0)}30%{clip:rect(74px,9999px,57px,0)}35%{clip:rect(97px,9999px,68px,0)}40%{clip:rect(58px,9999px,46px,0)}45%{clip:rect(58px,9999px,10px,0)}
50%{clip:rect(65px,9999px,4px,0)}55%{clip:rect(93px,9999px,93px,0)}60%{clip:rect(59px,9999px,20px,0)}65%{clip:rect(38px,9999px,40px,0)}70%{clip:rect(87px,9999px,45px,0)}75%{clip:rect(95px,9999px,48px,0)}80%{clip:rect(71px,9999px,22px,0)}85%{clip:rect(36px,9999px,72px,0)}90%{clip:rect(5px,9999px,9px,0)}95%{clip:rect(25px,9999px,82px,0)}100%{clip:rect(65px,9999px,63px,0)}
}


.message {
display: block;
position:relative;
text-align:center;
top: 120px;	
color: #9497AC;
} 

.message img {
width: 100px;
height: auto;

}