#md-forever{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transition:.5s;
  z-index:999;
}

#md-forever.show{
  opacity:1;
}

.md-text{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;

  font-size:28px;
  font-weight:900;
  letter-spacing:2px;

  background:linear-gradient(
    90deg,
    #ff3b30,
    #ff9500,
    #ffd60a,
    #34c759,
    #0a84ff,
    #bf5af2
  );

  background-size:400% 400%;

  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

  animation:rainbowMove 2s linear infinite;
}

.md-particles{
  position:absolute;
  inset:0;
}

@keyframes rainbowMove{
  0%{background-position:0% 50%;}
  100%{background-position:100% 50%;}
}