.bg {
  position: fixed;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  width: 200%;
  height: 200vh;
  background: 
    repeating-radial-gradient(#000 0 0.0001%,#161616 0 0.0002%) 50% 0/2500px 2500px,
    repeating-conic-gradient(#000 0 0.0001%,#1f1f1f 0 0.0002%) 60% 60%/2500px 2500px;
  background-blend-mode: difference;
  animation: b .2s infinite alternate;
  mix-blend-mode: lighten;
  opacity: .9;
  visibility: visible;
}
@keyframes b{
  100% {background-position: 50% 0, 60% 50%}
} 

.redbg {
  position: fixed;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  width: 200%;
  height: 200vh;
  background: 
    repeating-radial-gradient(#000 0 0.0001%,#280000 0 0.0002%) 50% 0/2500px 2500px,
    repeating-conic-gradient(#000 0 0.0001%,#2e0000 0 0.0002%) 60% 60%/2500px 2500px;
  background-blend-mode: difference;
  animation: b .2s infinite alternate;
  mix-blend-mode: lighten;
  opacity: .9;
  visibility: visible;
}
@keyframes b{
  100% {background-position: 50% 0, 60% 50%}
} 





a {
    color: whitesmoke;
}

a:hover {
    filter: drop-shadow(0px 0px 3px whitesmoke);
}



body {
    font-family: 'Courier New', Courier, monospace;
    font-size: 2em;
    background-color: rgb(9, 9, 10); 
    color: whitesmoke;
    margin: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

main {
  text-align: center;
}