@font-face {
  font-family: cfont;
  src: url(/font.otf);
}

#particles-js {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: -100;
  
}
body{
  background-color: #141414;
}

#background{
    position:absolute;
    font-family:'cfont';
    padding: 0;
    margin: 0;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    color:rgba(255, 255, 255, .1);
    background: linear-gradient(to right,     rgb(76, 217, 105), rgb(52, 170, 220),     rgb(88, 86, 217), rgb(255, 45, 83),       rgb(255, 45, 83), rgb(88, 86, 217),       rgb(52, 170, 220), rgb(76, 217, 105));
    background-size: 400%;
    -webkit-background-clip:text;
    font-weight:900;
    font-size:10em;
    text-align:left;
    animation:sTransition 10s linear infinite;
  }
  
  @keyframes sTransition{
    0%{
      background-position:0%;
    }
    
    100%{
      background-position:400%;
    }
  }