@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap');  
  
    #headerzone{
        font-family: 'Rubik', monospace;
        text-align: center;
        font-size: 40px;
      }
      #Paragraphone{
       font-family: 'Rubik', monospace; 
       text-align: center;
       font-size: 20px;
      }
      .animate-charcter
      {
         text-transform: uppercase;
        background-image: linear-gradient(
          -225deg,
          #ff0000 0%,
          #f1a20f 29%,
          #fffb00 67%,
          #ffffff 100%
        );
        background-size: auto auto;
        background-clip: border-box;
        background-size: 200% auto;
        color: #fff;
        background-clip: text;
        text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: textclip 2s linear infinite;
        display: inline-block;
            font-size: 50px;
      }
      
      @keyframes textclip {
        to {
          background-position: 200% center;
        }
      }  
#about {
  text-align: center;
  font-family: monospace;
  font-size: 40px;
}

#text1{
  text-align: center;
  font-family: monospace; 
  font-size: 20px;
}