.hero{
    display: flex;
    width: 100vw;
    height: 100vh;
    align-items: center;
    justify-content: center;
}

.chris {
  background-image: linear-gradient(45deg, #ff0033, #ff6600, #ffcc00, #33cc33, #0066ff, #7a00cc, #ff0033);
  
  background-clip: text;
  -webkit-background-clip: text; 
  
  color: transparent;
  
  display: inline-block; 
}