:root { 
  --acc: #99ff00; 
}

*{
    margin: 0;
    padding: 0;
    line-height: 100%;
}

body {
  background: radial-gradient(circle, var(--acc) 20%, #fff 100%);
  background-size: cover;
  background-attachment: fixed;
  font-family: sans-serif;
  color: #000;
  animation: fade-out 10s ease-in-out infinite alternate;
  font-size: 4vw;
}

span{
    opacity: 0.3;
}

a{
    animation: fade-in 10s ease-in-out infinite alternate;
    transition: all 0.1s ease-in-out;
}

a:hover{
    background: #000;
    border-radius: 50%;
}

@keyframes fade-out {
  from { color: #000; }
  to   { color: #fff; }
}

@keyframes fade-in {
  from { color: #fff; }
  to   { color: #000; }
}

h3{
    margin: 1rem 0;
}

.starburst {  /* https://css-generators.com/starburst-shape/ */
  position: fixed;
  width: 80vw; 
  left: calc(50% - 40vw);
  top: calc(50% - 40vw);
  background: var(--acc);
  z-index: -1;
  aspect-ratio: 1/1;
  clip-path: polygon(100% 50%,79.54% 55.21%,96.98% 67.1%,75.98% 65%,88.3% 82.14%,69.28% 72.98%,75% 93.3%,60.26% 78.19%,58.68% 99.24%,50% 80%,41.32% 99.24%,39.74% 78.19%,25% 93.3%,30.72% 72.98%,11.7% 82.14%,24.02% 65%,3.02% 67.1%,20.46% 55.21%,0% 50%,20.46% 44.79%,3.02% 32.9%,24.02% 35%,11.7% 17.86%,30.72% 27.02%,25% 6.7%,39.74% 21.81%,41.32% 0.76%,50% 20%,58.68% 0.76%,60.26% 21.81%,75% 6.7%,69.28% 27.02%,88.3% 17.86%,75.98% 35%,96.98% 32.9%,79.54% 44.79%);
  animation: spin 60s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}