body {
    background-size: 50% 100%;
    margin: 0 auto;
    padding: 0;

    background-image: linear-gradient(left, red, orange, yellow, green, blue, indigo, violet, indigo, blue, green, yellow, orange, red);
    animation: slide 0.5s forwards linear infinite;

    background-image: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet, indigo, blue, green, yellow, orange, red);
    -moz-animation: slide 0.5s forwards linear infinite;

    background-image: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet, indigo, blue, green, yellow, orange, red);
    -webkit-animation: slide 0.5s forwards linear infinite;
}

/* "Rainbold" Rainbow Shadow Headings */
span.heading {
    animation: rainbold 1s linear infinite;
    color: red;
    font-size: 1.5em;
    margin-left: 6px;
    text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
}

/* Spinning White Blotter */
div.blotter {
    animation: spin 2.75s linear infinite;
    color: white;
    font-size: 150px;
    text-shadow: 0px 0px 25px black;
    pointer-events: none;
}

/* Static Boardlist*/
.desktop-style div.boardlist:not(.bottom) {
    position: static !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/*  Glowing Dubs  */
a[href$="00"], a[href$="11"], a[href$="22"], a[href$="33"], a[href$="44"], a[href$="55"], a[href$="66"], a[href$="77"], a[href$="88"], a[href$="99"] {
    text-shadow: 0px 0px 0.2em #FFFFBE, 0px 0px 0.2em #FFFFBE;
    font-weight: 600;
    color: #FFD700 !important;
}

/*  Glowing Trips */
a[href$="000"], a[href$="111"], a[href$="222"], a[href$="333"], a[href$="444"], a[href$="555"], a[href$="666"], a[href$="777"], a[href$="888"], a[href$="999"] {
    text-shadow: 0px 0px 0.3em #FFFFBE, 0px 0px 0.3em #FFFFBE;
    font-weight: 700;
    color: #FFD700 !important;
}

/*  Glowing Quads */
a[href$="0000"], a[href$="1111"], a[href$="2222"], a[href$="3333"], a[href$="4444"], a[href$="5555"], a[href$="6666"], a[href$="7777"], a[href$="8888"], a[href$="9999"] {
    text-shadow: 0px 0px 0.4em #FFFFBE, 0px 0px 0.4em #FFFFBE;
    font-weight: 800;
    color: #FFD700 !important;
}

/*  Glowing Quints */
a[href$="00000"], a[href$="11111"], a[href$="22222"], a[href$="33333"], a[href$="44444"], a[href$="55555"], a[href$="66666"], a[href$="77777"], a[href$="88888"], a[href$="99999"] {
    text-shadow: 0px 0px 0.5em #FFFFBE, 0px 0px 0.5em #FFFFBE;
    font-weight: 900;
    color: #FFD700 !important;
}

/* Keyframes */
@keyframes slide { 
  from { background-position: top left; }  
  to { background-position: top right; }  
}

@-moz-keyframes slide {
  from { background-position: top left; } 
  to {background-position: top right; }
}

@-webkit-keyframes slide { 
  from { background-position: top left; }  
  to { background-position: top right; }  
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@keyframes rainbold {
    0% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
  14% { color: orange; text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red; }
  28% { color: yellow; text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange; }
  43% { color: green; text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow; }
  57% { color: blue; text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green; }
  71% { color: indigo; text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue; }
  85% { color: violet; text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo; }
 100% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }

@-moz-keyframes rainbold {
    0% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
  14% { color: orange; text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red; }
  28% { color: yellow; text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange; }
  43% { color: green; text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow; }
  57% { color: blue; text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green; }
  71% { color: indigo; text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue; }
  85% { color: violet; text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo; }
 100% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }

@-webkit-keyframes rainbold {
    0% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
  14% { color: orange; text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red; }
  28% { color: yellow; text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange; }
  43% { color: green; text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow; }
  57% { color: blue; text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green; }
  71% { color: indigo; text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue; }
  85% { color: violet; text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo; }
 100% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
