/*lol thanks for the paste*/
    body{ 
      margin:0px; 
      padding:0px;
      background-color: rgb(0, 0, 0);
      overflow: hidden;
    }

    @-webkit-keyframes scrollanim {
      0%{background-position:0% 50%}
      50%{background-position:100% 50%}
      100%{background-position:0% 50%}
    }
    @-moz-keyframes scrollanim {
      0%{background-position:0% 50%}
      50%{background-position:100% 50%}
      100%{background-position:0% 50%}
    }
    @keyframes scrollanim { 
      0%{background-position:0% 50%}
      50%{background-position:100% 50%}
      100%{background-position:0% 50%}
    }

    #bg_container{ height:1000px; overflow:hidden; }
    #bg{ width:100%; height:900px; }
    #content{ position:relative; top:0px; padding:30px; color:#FFF; text-shadow:#000; }

    .container {
      position: relative;
    }


    h1,h3,h4,h5,h6 {
      font-size: 156px;
      font-family: 'Roboto-Thin', sans-serif;
      color: #708090;
      text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
    }

    h2 {
      font-size: 56px;
      font-family: 'Roboto-Thin', sans-serif;
      text-align: center;
      margin: 0;
      padding: 0;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }

    h1 {
      text-align: center;
      margin: 0;
      padding: 0;
    }

    hr {
      border: 0;
      height: 1px;
      width: 500px;
      background-color: rgba(255, 255, 255, 1);
      vertical-align: middle;
      margin-top: 1%;
    }

    .center {
      left: 0;
      top: 50%;
      width: 100%;
      text-align: center;
      font-size: 18px;
    }

    .center1 {
      left: 50%;
      top: 50%;
      width: 100%;
      text-align: center;
      font-size: 18px;
    }

    .animate-bottom {
      position: relative;
      -webkit-animation-name: animatebottom;
      -webkit-animation-duration: 2s;
      animation-name: animatebottom;
      animation-duration: 2s
    }

    .animate-bottom-2 {
      position: relative;
      -webkit-animation-name: animatebottom;
      -webkit-animation-duration: 3s;
      animation-name: animatebottom;
      animation-duration: 3s
    }

    .animate-bottom-3 {
      position: relative;
      -webkit-animation-name: fade;
      -webkit-animation-duration: 6s;
      animation-name: fade;
      animation-duration: 6s
    }

    .animate-bottom-4 {
      position: relative;
      -webkit-animation-name: fade;
      -webkit-animation-duration: 9s;
      animation-name: fade;
      animation-duration: 9s
    }

    .animate-top {
      position: relative;
      -webkit-animation-name: animatetop;
      -webkit-animation-duration: 3s;
      animation-name: animatetop;
      animation-duration: 3s
    }

    .song {
      text-decoration: none !important;
      position: absolute;
      right: 0;
      left: -30;
      top: 0;
      padding: 1rem;
      text-align: center;
      font-size: 66px;
      font-family: 'Roboto-Thin', sans-serif;
    }

    ::-webkit-scrollbar { 
      display: none; 
    }

    @-webkit-keyframes animatebottom {
      from { bottom:-100px; opacity:0 }
      to { bottom:0px; opacity:1 }
    }

    @keyframes animatebottom {
      from{ bottom:-100px; opacity:0 }
      to{ bottom:0; opacity:1 }
    }

    @-webkit-keyframes animatetop {
      from { top:-50px; opacity:0 }
      to { top:0px; opacity:1 }
    }

    @keyframes animatetop {
      from{ top:-50px; opacity:0 }
      to{ top:0; opacity:1 }
    }

    @-webkit-keyframes fade {
      from { opacity:0 }
      to { opacity:1 }
    }

    @keyframes fade {
      from{ opacity:0 }
      to{ opacity:1 }
    }

    video#videa { 
    	display: block;
      position: fixed;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: -100;
      -ms-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
    }

    ::selection {
      background: rgba(255,255,255,0.2);
    }
    ::-moz-selection {
      background: rgba(255,255,255,0.2);
    }

    a {
      text-decoration: none ;
      color: #fff
    }
    a:hover
    {
      color:white;
      text-decoration:none;
      cursor:pointer;
    }

    .footer {
      position: absolute;
      right: 0;
      left: -25;
      top: 0;
      padding: 1rem;
      background-color: rgba(255, 0, 0, 0);
      text-align: center;
      font-size: 56px;
      font-family: 'Roboto-Thin', sans-serif;
    }
    


/*! * * * * * * * * * * * * * * * * * * * *\  
  CSShake :: shake-slow
  v1.5.0
  CSS classes to move your DOM
  (c) 2015 @elrumordelaluz
  http://elrumordelaluz.github.io/csshake/
  Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */
.shake-slow {
  display: inline-block;
  transform-origin: 50% 50%; 
  text-align: center}

.shake-freeze,
.shake-constant.shake-constant--hover:hover,
.shake-trigger:hover .shake-constant.shake-constant--hover {
  animation-play-state: paused; }

.shake-freeze:hover,
.shake-trigger:hover .shake-freeze, .shake-slow:hover,
.shake-trigger:hover .shake-slow {
  animation-play-state: running; }

@keyframes shake-slow {
  2% {
    transform: translate(0px, -3px) rotate(3.5deg); }
  4% {
    transform: translate(-9px, -3px) rotate(0.5deg); }
  6% {
    transform: translate(-7px, 4px) rotate(-0.5deg); }
  8% {
    transform: translate(7px, 5px) rotate(2.5deg); }
  10% {
    transform: translate(-1px, -3px) rotate(-1.5deg); }
  12% {
    transform: translate(-3px, 8px) rotate(1.5deg); }
  14% {
    transform: translate(9px, -7px) rotate(2.5deg); }
  16% {
    transform: translate(1px, -9px) rotate(3.5deg); }
  18% {
    transform: translate(-4px, 7px) rotate(-1.5deg); }
  20% {
    transform: translate(6px, 3px) rotate(0.5deg); }
  22% {
    transform: translate(4px, -2px) rotate(-1.5deg); }
  24% {
    transform: translate(-7px, -8px) rotate(3.5deg); }
  26% {
    transform: translate(-5px, 9px) rotate(2.5deg); }
  28% {
    transform: translate(0px, -2px) rotate(-1.5deg); }
  30% {
    transform: translate(5px, 9px) rotate(1.5deg); }
  32% {
    transform: translate(6px, 2px) rotate(-1.5deg); }
  34% {
    transform: translate(-9px, 9px) rotate(2.5deg); }
  36% {
    transform: translate(-8px, 10px) rotate(3.5deg); }
  38% {
    transform: translate(2px, -4px) rotate(-2.5deg); }
  40% {
    transform: translate(2px, 7px) rotate(-2.5deg); }
  42% {
    transform: translate(2px, 4px) rotate(3.5deg); }
  44% {
    transform: translate(-8px, -3px) rotate(2.5deg); }
  46% {
    transform: translate(5px, -3px) rotate(1.5deg); }
  48% {
    transform: translate(9px, 4px) rotate(3.5deg); }
  50% {
    transform: translate(-1px, 2px) rotate(-1.5deg); }
  52% {
    transform: translate(-9px, 4px) rotate(-1.5deg); }
  54% {
    transform: translate(-1px, -6px) rotate(-2.5deg); }
  56% {
    transform: translate(4px, -6px) rotate(0.5deg); }
  58% {
    transform: translate(-8px, 2px) rotate(2.5deg); }
  60% {
    transform: translate(2px, 10px) rotate(3.5deg); }
  62% {
    transform: translate(5px, 5px) rotate(1.5deg); }
  64% {
    transform: translate(5px, 7px) rotate(-0.5deg); }
  66% {
    transform: translate(-6px, 9px) rotate(-0.5deg); }
  68% {
    transform: translate(4px, -2px) rotate(0.5deg); }
  70% {
    transform: translate(-5px, -3px) rotate(3.5deg); }
  72% {
    transform: translate(2px, 5px) rotate(-0.5deg); }
  74% {
    transform: translate(-9px, 4px) rotate(3.5deg); }
  76% {
    transform: translate(3px, -7px) rotate(1.5deg); }
  78% {
    transform: translate(0px, 4px) rotate(2.5deg); }
  80% {
    transform: translate(-1px, 4px) rotate(1.5deg); }
  82% {
    transform: translate(8px, 2px) rotate(1.5deg); }
  84% {
    transform: translate(7px, -6px) rotate(-0.5deg); }
  86% {
    transform: translate(3px, 0px) rotate(0.5deg); }
  88% {
    transform: translate(7px, -9px) rotate(-1.5deg); }
  90% {
    transform: translate(1px, 3px) rotate(0.5deg); }
  92% {
    transform: translate(10px, 3px) rotate(-0.5deg); }
  94% {
    transform: translate(4px, 1px) rotate(1.5deg); }
  96% {
    transform: translate(3px, 9px) rotate(2.5deg); }
  98% {
    transform: translate(4px, -7px) rotate(0.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-slow:hover,
.shake-trigger:hover .shake-slow, .shake-slow.shake-freeze, .shake-slow.shake-constant {
  animation-name: shake-slow;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }