@import url('https://fonts.google.com/specimen/Poppins?query=poppins');
   div{
     font-family: 'Poppins', cursive;
   }
   #typing {
    width: auto;
    color: #ffffff;
    float: left;
    font-size: 15px;
    margin: 0 auto;
    padding: 0px;
    overflow: hidden;
    white-space: nowrap;
    animation: typing 7s steps(24) 1s infinite;
    }
   #typing span{
    color:#000000;
   }
   #crow {
    float: left;
    margin-top: 10px;
    color: #756e6e;
    font-size: 15px;
    animation: crow 0.6s linear 0s infinite;
    }
   @keyframes typing {
     from {
         width: 0;
     }
      to {
         width: 345px;
      }
   }
   @keyframes crow {
      from {
      opacity: 0;
      }
   
       to {
      opacity: 1;
      }
   }
.geser {
    transition: all .2s ease-in-out;
}
.geser:hover {
    translate: 10px;
}.hitam {
    background-color: #000000;
} .kuning {
    color: #facc15;
}