*{margin:0;padding:0;}
body{background-color:#000;}
header{background-color:rgba(33,33,33,0.9);color:#fff;display:block;font:14px/1.3 Arial,sans-serif;height:50px;position:relative;z-index:5;}
h1{margin-top:30px;text-align:center;color:#fff;font-family:Nosifer;text-shadow:0 0 .5em red,0 0 .5em red;}
.we-are{color:red;font-size:20px;text-shadow:#000 2px 2px 2px;letter-spacing:2px;}
.message{color:#fff;-webkit-animation:fadeIn 1s ease-in;animation:fadeIn 1s ease-in;}
.cn{color:#fff;font-size:14px;text-shadow:#000 2px 2px 2px;letter-spacing:2px;-webkit-animation:fadeIn 3s ease-in;animation:fadeIn 1s ease-in;}
@-webkit-keyframes we-are{from{scale:1.1;}to{scale:0;}}
@keyframes we-are{from{scale:1.1;}to{scale:0;}}
@-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes move-twink-back{from{background-position:0 0;}to{background-position:-10000px 5000px;}}
@-webkit-keyframes move-twink-back{from{background-position:0 0;}to{background-position:-10000px 5000px;}}
@-moz-keyframes move-twink-back{from{background-position:0 0;}to{background-position:-10000px 5000px;}}
@-ms-keyframes move-twink-back{from{background-position:0 0;}to{background-position:-10000px 5000px;}}
@keyframes move-clouds-back{from{background-position:0 0;}to{background-position:10000px 0;}}
@-webkit-keyframes move-clouds-back{from{background-position:0 0;}to{background-position:10000px 0;}}
@-moz-keyframes move-clouds-back{from{background-position:0 0;}to{background-position:10000px 0;}}
@-ms-keyframes move-clouds-back{from{background-position:0;}to{background-position:10000px 0;}}
.stars,.twinkling,.clouds{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;}
.stars{background:#000 url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top center;z-index:0;}
.twinkling{background:transparent url(http://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top center;z-index:1;-moz-animation:move-twink-back 200s linear infinite;-ms-animation:move-twink-back 200s linear infinite;-o-animation:move-twink-back 200s linear infinite;-webkit-animation:move-twink-back 200s linear infinite;animation:move-twink-back 200s linear infinite;}
.clouds{background:transparent url(http://www.script-tutorials.com/demos/360/images/clouds3.png) repeat top center;background-repeat:no-repeat;z-index:3;-moz-animation:move-clouds-back 200s linear infinite;-ms-animation:move-clouds-back 200s linear infinite;-o-animation:move-clouds-back 200s linear infinite;-webkit-animation:move-clouds-back 200s linear infinite;animation:move-clouds-back 200s linear infinite;}
.container{height:100%;width:100%;justify-content:center;align-items:center;display:flex;}
.text{font-weight:100;font-size:28px;color:#FAFAFA;font-family:Iceland;text-shadow:0 0 .5em cyan,0 0 .5em cyan;}
.dud{color:#757575;}
.animation-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;}
.animation-container span{color:whitesmoke;display:block;font-size:18px;font-family:'Helvetica';text-shadow:0 0 1px #fff;position:absolute;user-select:none;pointer-events:none;cursor:default;z-index:1;opacity:0;will-change:transform,opacity;animation-timing-function:ease-out;animation-name:move;}
@keyframes move{0%{opacity:0;transform:translateY(100vh);}25%{opacity:1;}50%{opacity:1;}75%{opacity:0;}100%{opacity:0;transform:none;}}
.buzz_wrapper{position:relative;width:100%;margin:180px auto;background-attachment:fixed;background-image:url(http://i.imgur.com/9QpJPlG.jpg);background-position:0 0;background-repeat:no-repeat;background-size:cover;overflow:hidden;padding:100px;}
.scanline{width:100%;display:block;background:#000;height:4px;position:relative;z-index:3;margin-bottom:5px;opacity:.1;}
.buzz_wrapper span{position:absolute;-webkit-filter:blur(1px);font-size:30px;font-family:'Courier new',fixed;font-weight:bold;}
.buzz_wrapper span:nth-child(1){color:red;margin-left:-2px;-webkit-filter:blur(2px);}
.buzz_wrapper span:nth-child(2){color:green;margin-left:2px;-webkit-filter:blur(2px);}
.buzz_wrapper span:nth-child(3){color:blue;position:20px 0;-webkit-filter:blur(1px);}
.buzz_wrapper span:nth-child(4){color:#fff;-webkit-filter:blur(1px);text-shadow:0 0 50px rgba(255,255,255,0.4);}
.buzz_wrapper span:nth-child(5){color:rgba(255,255,255,0.4);-webkit-filter:blur(15px);}
.buzz_wrapper span{-webkit-animation:blur 30ms infinite,jerk 50ms infinite;}
@-webkit-keyframes blur{0%{-webkit-filter:blur(1px);opacity:.8;}50%{-webkit-filter:blur(1px);opacity:1;}100%{-webkit-filter:blur(1px);opacity:.8;}}
@-webkit-keyframes jerk{50%{left:1px;}51%{left:0;}}
@-webkit-keyframes jerkup{50%{top:1px;}51%{top:0;}}
.buzz_wrapper span:nth-child(3){-webkit-animation:jerkblue 1s infinite;}
@-webkit-keyframes jerkblue{0%{left:0;}30%{left:0;}31%{left:10px;}32%{left:0;}98%{left:0;}100%{left:10px;}}
.buzz_wrapper span:nth-child(2){-webkit-animation:jerkgreen 1s infinite;}
@-webkit-keyframes jerkgreen{0%{left:0;}30%{left:0;}31%{left:-10px;}32%{left:0;}98%{left:0;}100%{left:-10px;}}
.buzz_wrapper .text{-webkit-animation:jerkwhole 5s infinite;position:relative;}
@-webkit-keyframes jerkwhole{30%{}40%{opacity:1;top:0;left:0;-webkit-transform:scale(1,1);-webkit-transform:skew(0,0);}41%{opacity:.8;top:0;left:-100px;-webkit-transform:scale(1,1.2);-webkit-transform:skew(50deg,0);}42%{opacity:.8;top:0;left:100px;-webkit-transform:scale(1,1.2);-webkit-transform:skew(-80deg,0);}43%{opacity:1;top:0;left:0;-webkit-transform:scale(1,1);-webkit-transform:skew(0,0);}65%{}}