* {
    box-sizing: border-box;
  }
  


  h1 .textanim {
    color: #fec424;
    font-family: 'Montserrat', serif ;
    font-weight: 100;
    line-height: 1.5;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    width: 450px;
  }
  
  h1 .textanim span {
    margin-left: 10px;
  }

  .textanim{
      color: #fec424;
      font-size: 45px !important;
  }
  
  .message {
    background-color: #000000;
    color: #fec424;
    display: block;
    font-weight: 900;
    overflow: hidden;
    padding-left:10px;
    left: 0px;
    animation: openclose 5s ease-in-out infinite;
  }
  
  .word1 {
    font-family: 'Montserrat', serif ;
  }
  
  @keyframes openclose {
    0% {
      top: 7rem;
      width: 0;
    }
    5% {
      width: 0;
    }
    15% {
       width: 375px;
    }
    30% {
      top: 7rem;
       width: 375px;
    }
    33% {
      top: 7rem;
      width: 0;
    }
    35% {
      top: 7rem;
      width: 0;
    }
    38% {
      top: 7rem;
      
    }
    48% {
      top: 7rem;
      width: 375px;
    }
    62% {
      top: 7rem;
      width: 375px;
    }
    66% {
      top: 7rem;
      width: 0;
      text-indent: 0;
    }
    71% {
      top: 7rem;
      width: 0;
      text-indent: 5px;
    }
    86% {
      top: 7rem;
      width: 375px;
    }
    95% {
      top: 7rem;
      width: 375px;
    }
    98% {
      top: 7rem;
      width: 0;
      text-indent: 5px;
    }
    100% {
      top: 0;
      width: 0;
      text-indent: 0;
    }
  }