*, html, body {
    margin: 0;
    padding: 0;
  }
  
  body {
      width: 100%;
      height: 100%;
      background: #111211;
      
  }
  /*Heading*/
  .heading {
     
      position: fixed;
      top: 20%;
      left: 50%;
      transform: translate(-50%,-50%);
      height: 180px;
      overflow: hidden;
      font-family: sans-serif;
      font-size: 37px;
      line-height: 42px;
      color: black;
  }
  
  .heading_under {
      font-weight: 600;
      overflow: hidden;
      height: 42px;
      padding: 0px 42px;
  }
  .heading_under::before {
      content: '[';
      left: 0;
  }
  .heading_under::after {
      content: ']';
      position: absolute;
      right: 36.2px;
  }
  .heading_under::after, .heading_under::before{
       position: absolute;
       top: 0;
  
       color: #f20707;
       font-size: 45px;
       line-height: 42px;
       -webkit-animation-name: opacity;
       -webkit-animation-duration: 2s;
       -webkit-animation-iteration-count: infinite;
       animation-name: opacity;
       animation-duration: 2s;
       animation-iteration-count: infinite;
       -moz-animation-name: opacity;
       -moz-animation-duration: 2s;
       -moz-animation-iteration-count: infinite;     
  
  }
  
  .heading_under_text {
       display: inline;
       float: left;
       margin: 0;
       color: #e6f2f2;
       
  }
   
  .heading_under_list {
      margin-top: 0;
      padding-left: 116px;
      text-align: none;
      list-style: none;
      color: #e6f2f2;
      -webkit-animation-name: change;
        -webkit-animation-duration: 10s;
        -webkit-animation-iteration-count: infinite;
        animation-name: change;
        animation-duration: 10s;
        animation-iteration-count: infinite;
        -moz-animation-name: change;
        -moz-animation-duration: 10s;
        -moz-animation-iteration-count: infinite;
  
  }
  .heading_under_list_items {
      line-height: 42px;
      margin: 0;
      color: #e6f2f2;
      }
  /*Animations*/
  @-webkit-keyframes opacity {
      0%, 100% {opacity:0;}
      50% {opacity:1;}
    }
    
    @-webkit-keyframes change {
      0%, 12.66%, 100% {transform:translate3d(0,0,0);}
      16.66%, 29.32% {transform:translate3d(0,-25%,0);}
      33.32%,45.98% {transform:translate3d(0,-50%,0);}
      49.98%,62.64% {transform:translate3d(0,-75%,0);}
      66.64%,79.3% {transform:translate3d(0,-50%,0);}
      83.3%,95.96% {transform:translate3d(0,-25%,0);}
    }
    
    @-o-keyframes opacity {
      0%, 100% {opacity:0;}
      50% {opacity:1;}
    }
    
    @-o-keyframes change {
      0%, 12.66%, 100% {transform:translate3d(0,0,0);}
      16.66%, 29.32% {transform:translate3d(0,-25%,0);}
      33.32%,45.98% {transform:translate3d(0,-50%,0);}
      49.98%,62.64% {transform:translate3d(0,-75%,0);}
      66.64%,79.3% {transform:translate3d(0,-50%,0);}
      83.3%,95.96% {transform:translate3d(0,-25%,0);}
    }
    
    @-moz-keyframes opacity {
      0%, 100% {opacity:0;}
      50% {opacity:1;}
    }
    
    @-moz-keyframes change {
      0%, 12.66%, 100% {transform:translate3d(0,0,0);}
      16.66%, 29.32% {transform:translate3d(0,-25%,0);}
      33.32%,45.98% {transform:translate3d(0,-50%,0);}
      49.98%,62.64% {transform:translate3d(0,-75%,0);}
      66.64%,79.3% {transform:translate3d(0,-50%,0);}
      83.3%,95.96% {transform:translate3d(0,-25%,0);}
    }
    
    @keyframes opacity {
      0%, 100% {opacity:0;}
      50% {opacity:1;}
    }
    
    @keyframes change {
      0%, 12.66%, 100% {transform:translate3d(0,0,0);}
      16.66%, 29.32% {transform:translate3d(0,-25%,0);}
      33.32%,45.98% {transform:translate3d(0,-50%,0);}
      49.98%,62.64% {transform:translate3d(0,-75%,0);}
      66.64%,79.3% {transform:translate3d(0,-50%,0);}
      83.3%,95.96% {transform:translate3d(0,-25%,0);}
    }
  