#hero-404{position:relative;padding-bottom:80%;overflow:hidden;border-bottom:10px solid #fffe01}#hero-404-classic{position:relative;overflow:hidden;border-bottom:10px solid #fffe01}#hero-404-classic img{margin:0}.hero-404-message{z-index:3;position:absolute;font-weight:bold;font-size:120px;left:50%;top:50%;margin-top:-100px;width:100%;margin-left:-50%;height:200px;text-align:center;color:rgba(0,0,0,0);text-shadow:0 0 30px rgba(0,0,0,.5);animation:asdd 2s linear infinite}#canvas{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%}.frame{z-index:3;position:absolute;left:0;top:0;width:100%;height:100%;background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0.9) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = "#00000000", endColorstr = "#e6000000", GradientType = 1)}.frame div{position:absolute;left:0;top:-20%;width:100%;height:20%;background-color:rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.3);animation:asd 12s linear infinite}.frame-div-1{animation-delay:0}.frame-div-2{animation-delay:4s}.frame-div-3{animation-delay:8s}@media only screen and (min-width: 600px){#hero-404{padding-bottom:45%}.hero-404-message{font-size:200px;top:40%}}@keyframes asd{0%{top:-20%}100%{top:100%}}@keyframes asdd{0%{text-shadow:0 0 30px rgba(0,0,0,.5)}33%{text-shadow:0 0 10px rgba(0,0,0,.4)}66%{text-shadow:0 0 20px rgba(0,0,0,.2)}100%{text-shadow:0 0 40px rgba(0,0,0,.8)}}