html {
    min-height: 100vh;
}
body {
    margin: 0;
    height: 100vh;
    width: 100%;
}
.centring {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

h1 {
    font-size: 64px;
    color: white;
}
p {
    color: white;
}
a {
    color: rgb(94, 187, 122)
}
:root {
    --color1: rgb(133, 21, 66);
    --color2: rgb(32, 74, 0);
}
.background {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, var(--color1), black , var(--color2) );
    animation: spectralRainbow 10s infinite linear;
}

@keyframes spectralRainbow {
  /* ROT (Dunkel) & CYAN (Dunkel) - Komplementär */
  0%, 100% { --color1: #4a0000; --color2: #004a4a; }  /* Rot / Cyan */
  2% { --color1: #4a0800; --color2: #004242; }        /* Rot-Orange / Cyan */
  4% { --color1: #4a1000; --color2: #003a4a; }        /* Rot-Orange / Blau-Cyan */
  6% { --color1: #4a1800; --color2: #00324a; }        /* Orange / Blau */
  8% { --color1: #4a2000; --color2: #002a4a; }        /* Orange / Blau */
  
  /* ORANGE (Dunkel) & BLAU (Dunkel) - Komplementär */
  10% { --color1: #4a2800; --color2: #00224a; }       /* Orange / Blau-Violett */
  12% { --color1: #4a3000; --color2: #001a4a; }       /* Orange-Gelb / Violett-Blau */
  14% { --color1: #4a3800; --color2: #00124a; }       /* Gelb-Orange / Violett */
  16% { --color1: #4a4000; --color2: #000a4a; }       /* Gelb-Orange / Violett */
  18% { --color1: #4a4800; --color2: #00024a; }       /* Gelb / Dunkel-Violett */
  
  /* GELB (Dunkel) & VIOLETT (Dunkel) - Komplementär */
  20% { --color1: #424a00; --color2: #08004a; }       /* Gelb / Violett */
  22% { --color1: #3a4a00; --color2: #10004a; }       /* Gelb-Grün / Violett */
  24% { --color1: #324a00; --color2: #18004a; }       /* Gelb-Grün / Magenta-Violett */
  26% { --color1: #2a4a00; --color2: #20004a; }       /* Grün-Gelb / Magenta */
  28% { --color1: #224a00; --color2: #28004a; }       /* Grün-Gelb / Magenta */
  
  /* GRÜN (Dunkel) & MAGENTA (Dunkel) - Komplementär */
  30% { --color1: #1a4a00; --color2: #30004a; }       /* Grün / Magenta */
  32% { --color1: #124a00; --color2: #38004a; }       /* Grün / Magenta */
  34% { --color1: #0a4a00; --color2: #40004a; }       /* Grün / Magenta-Rot */
  36% { --color1: #024a00; --color2: #48004a; }       /* Grün-Cyan / Rot-Magenta */
  38% { --color1: #004a08; --color2: #4a0042; }       /* Cyan-Grün / Rot */
  
  /* CYAN (Dunkel) & ROT (Dunkel) - Komplementär */
  40% { --color1: #004a10; --color2: #4a003a; }       /* Cyan / Rot */
  42% { --color1: #004a18; --color2: #4a0032; }       /* Cyan / Rot-Orange */
  44% { --color1: #004a20; --color2: #4a002a; }       /* Cyan-Blau / Orange */
  46% { --color1: #004a28; --color2: #4a0022; }       /* Blau-Cyan / Orange */
  48% { --color1: #004a30; --color2: #4a001a; }       /* Blau / Orange-Braun */
  
  /* BLAU (Dunkel) & ORANGE (Dunkel) - Komplementär */
  50% { --color1: #004a38; --color2: #4a0012; }       /* Blau / Rot-Orange */
  52% { --color1: #004a40; --color2: #4a000a; }       /* Blau-Violett / Rot */
  54% { --color1: #004a48; --color2: #4a0002; }       /* Violett-Blau / Dunkelrot */
  56% { --color1: #00404a; --color2: #4a0800; }       /* Violett / Rot-Orange */
  58% { --color1: #00384a; --color2: #4a1000; }       /* Violett / Orange */
  
  /* VIOLETT (Dunkel) & GELB (Dunkel) - Komplementär */
  60% { --color1: #00304a; --color2: #4a1800; }       /* Violett / Orange */
  62% { --color1: #00284a; --color2: #4a2000; }       /* Violett / Orange-Gelb */
  64% { --color1: #00204a; --color2: #4a2800; }       /* Blau-Violett / Gelb-Orange */
  66% { --color1: #00184a; --color2: #4a3000; }       /* Blau / Gelb-Orange */
  68% { --color1: #00104a; --color2: #4a3800; }       /* Blau / Gelb */
  
  /* INDIGO/BLAU (Dunkel) & ORANGE/GELB (Dunkel) */
  70% { --color1: #00084a; --color2: #4a4000; }       /* Indigo / Gelb */
  72% { --color1: #00004a; --color2: #4a4800; }       /* Indigo / Gelb */
  74% { --color1: #08004a; --color2: #424a00; }       /* Violett / Gelb-Grün */
  76% { --color1: #10004a; --color2: #3a4a00; }       /* Violett / Gelb-Grün */
  78% { --color1: #18004a; --color2: #324a00; }       /* Magenta-Violett / Grün-Gelb */
  
  /* MAGENTA (Dunkel) & GRÜN (Dunkel) - Komplementär */
  80% { --color1: #20004a; --color2: #2a4a00; }       /* Magenta / Grün-Gelb */
  82% { --color1: #28004a; --color2: #224a00; }       /* Magenta / Grün */
  84% { --color1: #30004a; --color2: #1a4a00; }       /* Magenta / Grün */
  86% { --color1: #38004a; --color2: #124a00; }       /* Magenta-Rot / Grün */
  88% { --color1: #40004a; --color2: #0a4a00; }       /* Rot-Magenta / Grün-Cyan */
  
  /* ROT-MAGENTA (Dunkel) & CYAN-GRÜN (Dunkel) */
  90% { --color1: #48004a; --color2: #024a00; }       /* Rot-Magenta / Grün-Cyan */
  92% { --color1: #4a0042; --color2: #004a08; }       /* Rot / Cyan-Grün */
  94% { --color1: #4a003a; --color2: #004a10; }       /* Rot / Cyan */
  96% { --color1: #4a0032; --color2: #004a18; }       /* Rot-Orange / Cyan */
  98% { --color1: #4a002a; --color2: #004a20; }       /* Orange / Blau-Cyan */
}