/* Fonts */
 
@import url(https://fonts.googleapis.com/css?family=Sofadi+One);
@import url(https://fonts.googleapis.com/css?family=Flavors);
@import url(https://fonts.googleapis.com/css?family=Andada);

/* Banner Fix. */

img.banner, img.board_image {
    display: block;
    border: 0px solid #fff;
    margin: 12px auto 0px;
}

/* Round the corners of the table on the rules page. */

div.ban {border:#555555 2px solid;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px; font-family: "monospace"; background-color: #111;padding:8px 8px;}

/* Header text in the rules page. */

div.ban h2 {text-align: center; vertical-align: middle; background-color: rgba(20, 20, 20, 0.9);font-family: URW Chancery L, Lucida Calligraphy;font-size: 14pt;color:#fff;padding: 0px;text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;}

div.ban h2:hover {
    -webkit-animation-name: glow;
    animation-name: glow;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes glow {
    50% {
        -moz-box-shadow: 0 0 10px 1px #0f0fff;
        -webkit-box-shadow: 0 0 10px 1px #0f0fff;
        box-shadow: 0 0 10px 1px #0f0fff;
    }
    100% {
        -moz-box-shadow: 0 0 20px 3px #0f6fff;
        -webkit-box-shadow: 0 0 20px 3px #0f6fff;
        box-shadow: 0 0 20px 3px #0f6fff;
    }
}

@-webkit-keyframes glow {
    50% {
        -webkit-box-shadow: 0 0 10px 1px #ff0fff;
    }
    100% {
        -webkit-box-shadow: 0 0 20px 3px #ff6fff;
    }
}

/* Newline background in the rules page. */

div.ban p {
    background: #111;
}

/* Set the background color and background image for the whole board (repeating texture). */

/* body{background:url("https://media.8chan.co/fringe/src/1420932121602-4.jpg") scroll 0 0 #EEF2FF;height:100%} */

body {background: #EEF2FF url("https://i.imgur.com/CfrEMM6.gif") ;}

p.body-line.ltr {
    margin-top: 0px;
    margin-bottom: 0px;
}

p.body-line.empty {
    margin-top:1px;
    margin-bottom:1px;
}

/* Change the colour of header text, post number text, and the time-stamp label. */

span.heading {
    color:#fd684f;
    text-shadow: 1px 1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff, 0px 1px 0px #fff, 0px -1px 0px #fff, -1px 0px 0px #fff, 1px 0px 0px #fff;
    font-size:18px;
}
p.intro a.post_no {color:#50bd62;}
p.intro time {color:#f6296d;}
.quote {
    color: #78FF22;
    text-shadow: 1px 1px 0px #222, -1px 1px 0px #222, 1px -1px 0px #222, -1px -1px 0px #222, 0px 1px 0px #222, 0px -1px 0px #222, -1px 0px 0px #222, 1px 0px 0px #222;
}

/* Change the font and other traits of the board title */

h1 {
    font-family: URW Chancery L, Lucida Calligraphy;
    letter-spacing: 3px;
    font-size: 32pt;
    margin: 0px;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000, 2px 2px 0px #000, -2px 2px 0px #000, 2px -2px 0px black, -2px -2px 0px black, 0px 2px 0px black, 0px -2px 0px black, -2px 0px 0px black, 2px 0px 0px black, 1px 2px 0px black, -1px 2px 0px black, 1px -2px 0px black, -1px -2px 0px black, 2px 1px 0px black, -2px 1px 0px black, 2px -1px 0px black, -2px -1px 0px black;
    color:#0fffff;
}

header div.subtitle {
    font-family: "Bitstream Charter";
    font-size: 16pt;
    color:#0a5f94;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
}

/* /cow/ thread backgrounds with confetti */
.desktop-style body {

}

.thread {
    background-image: url("https://i.imgur.com/9TJCIOb.gif"), -moz-linear-gradient(top,black,gray 180px);
opacity: 0.9;
    background-image: url("https://i.imgur.com/9TJCIOb.gif"), -webkit-linear-gradient(top,black, gray 180px);
opacity: 0.9;
/*  background-position: top left, top left;
    background-attachment: fixed, static; */
    padding: 12px;
}

/* Spinning White Blotter */
div.blotter {
    animation: spin 2.75s linear infinite;
    color: purple;
    font-size: 23px;
    text-shadow: 23px 23px 23px green;
}

/* Change the board list appearance. */

div.boardlist:not(.bottom){background-color:#FFFFFF!important;border-bottom:2px ridge #A6F!important;color:#707;text-align:center;padding:4px 96px;opacity:0.80;}

div.boardlist:not(.bottom){background-color:#000!important;border-bottom:2px solid #426!important;color:#f9f;text-align:center;padding:2px 96px;opacity:0.80;}

div.boardlist:not(.bottom) a{color:#4ff;}
div.boardlist:not(.bottom) a:hover{color:#fff;}

div.post.reply.highlighted{background:url("https://media.8ch.net/fringe/src/1440640949597-1.png") scroll 0 0 #b5ccff}

/* Rainbow Color Rotation Script that makes the Board Title and Subtitle changes colours constantly */

h1,div.subtitle{
    -webkit-animation:colorRotate 6s linear 0s infinite;
    -moz-animation:colorRotate 6s linear 0s infinite;
    -o-animation:colorRotate 6s linear 0s infinite;
    animation:colorRotate 6s linear 0s infinite;
}

@-webkit-keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    } 16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);
    }
}

@-moz-keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    }
    16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);
    }
}

@-o-keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    }
    16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);
    }
}

@keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    }
    16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);
    }
}

/* Buzz Script that makes the board banner buzz when you hover over it. */

div#op_13763.post.op, img.banner, img.board_image {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

div#op_13763.post.op:hover, img.banner:hover, img.board_image:hover {
    -webkit-animation-name: buzz;
    animation-name: buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@-webkit-keyframes buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

/* Changes made to the commenting box */

form table tr th {
    background: none repeat scroll 0% 0% #671;
    border-top: 1px solid #593B27;
    border: 1px solid rgba(0, 0, 0, 0.0);
    background: rgba(0, 0, 0, 0.2);
    background: -webkit-gradient(linear, left top, left bottom, from(#205), to(#1d2c36));
    background: -webkit-linear-gradient(top, #205, #110);
    background: -moz-linear-gradient(top, #205, #110);
    background: -ms-linear-gradient(top, #205, #110);
    background: -o-linear-gradient(top, #205, #110);
    padding: 2px 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(20,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(20,0,0,1) 0 1px 0;
    box-shadow: rgba(20,0,0,1) 0 1px 0;
    text-shadow: rgba(20,0,0,.4) 0 1px 0;
    color:#C5F8F6;
    font-size: 15px;
    text-align: right;
    font-variant: small-caps;
    font-family: 'Flavors', Helvetica, Arial, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
}

input {
    border-top: 1px solid #556263;
    background: #1d2c36;
    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#332e2e));
    background: -webkit-linear-gradient(top, #000000, #332e2e);
    background: -moz-linear-gradient(top, #000000, #332e2e);
    background: -ms-linear-gradient(top, #000000, #332e2e);
    background: -o-linear-gradient(top, #000000, #332e2e);
    padding: 2px 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 9px;
    font-family: Helvetica, Arial, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
}

select#user_flag {
    border-top: 1px solid #fcb;
    background: #010;
    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#332e2e));
    background: -webkit-linear-gradient(top, #000000, #332e2e);
    background: -moz-linear-gradient(top, #000000, #332e2e);
    background: -ms-linear-gradient(top, #000000, #332e2e);
    background: -o-linear-gradient(top, #000000, #332e2e);
    padding: 2px 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 9px;
    font-family: Helvetica, Arial, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
}

input[type="password"], input[type="text"] {
    background: #000;
}

select#user_flag:hover, input:hover {
   border-top-color: #f0f0f0;
   background: #000000;
   color: #ccc;
}
input:active {
   border-top-color: #4990bf;
   background: #4990bf;
}

input[type="submit"] {
    margin:0px;
    padding: 3px 4px;
}

span.heading {
    color: #60F6F0;
    font-size: 11pt;
    font-weight: bold;
}

input, textarea {
    background-color: #000;
    color: #fff;
}

[type="text"]{
    width:!inherent;
}

[name="post"] [type="text"] {
    width:289px;
}

/* End of changes made to the commenting box */

/* Further customization of the reply box */

p.intro {
    font-family: 'Courier New',Courier,Freemono,'Nimbus Mono L',monospace;
}

p.intro span.name {
    font-family: 'Courier New',Courier,Freemono,'Nimbus Mono L',monospace;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
    color: #CFD;
}

p.intro span.subject {
    font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
    color: #0DF;
}

p.intro time {
    color: #FB8;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 0px;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
}

p.intro a.post_no {
    color: #FFF;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 0px;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
}

.poster_id {
    color: #CFF;
    font-weight: bold;
    background: transparent;
    padding-left: 0px;
    padding-right: 0px;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
}

div.post.reply {
    background:url("https://media.8ch.net/fringe/src/1440642131277.png") repeat-x scroll 0% 0% rgba(255, 255, 255, 0.6);
    scroll 0 0 #d2dffb;
    border:#fff 2px solid;
    -webkit-border-radius:30px/10px;
    -webkit-border-top-left-radius:5px;
    -khtml-border-radius:30px/10px;
    -khtml-border-top-left-radius:5px;
    -moz-border-radius:30px/10px;
    -moz-border-top-left-radius:5px;
    border-radius:25px/10px;
    border-top-left-radius:5px;
}

div.post.reply.highlighted{background:url("https://media.8ch.net/fringe/src/1440640949597-1.png") repeat-x scroll 0 0 rgba(255, 235, 255, 0.6);}
}


/* Catalog Fix */

.theme-catalog div.thread:hover {
  background: #000;
  border-color: #111;
}

div.pages a.selected {
    color: #fff;
    font-weight: bolder;
}

#options_div, #alert_div {
    background-color: #025;
}

.options_tab_icon {
    color: #fff;
}

/* More Font Stuff */

/* Post submission table */
 
form table tr th {
  background:rgba(0, 0, 0, 0.2);
  border:1px solid rgba(0, 0, 0, 0.0);
  padding: 2px 4px;
  color:#C5F8F6;
  font-family: 'Flavors', cursive;
  font-size:15px;
  text-align: right;
  font-variant: small-caps;
}

p.intro {
    font-family: 'Sofadi One','Courier New',Courier,Freemono,'Nimbus Mono L',monospace;
}

p.intro span.name {
    font-family: 'Andada','Courier New',Courier,Freemono,'Nimbus Mono L',monospace;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
    color: #CFD;
}

p.intro span.subject {
    font-family: 'Andada','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
    color: #0DF;
}

div.ban h2 { font-family: 'Andada';}

html, *, hover {cursor: url(https://i.imgur.com/kgtipOq.png), auto;}
a:hover, .options_tab_icon, i, input[type="submit"], select#email_selectbox, select#user_flag {cursor: url(https://i.imgur.com/4wUjzXs.png), progress !important;}
label, img {cursor: url(https://i.imgur.com/4wUjzXs.png), progress !important;}

/* Spin Script that makes the flags spin when you hover over them. */

p.intro img.flag:hover, img.flag:focus, img.flag:active {
    animation:flaghover 1.5s linear 0s infinite;
    -o-animation:flaghover 1.5s linear 0s infinite;
    -moz-animation:flaghover 1.5s linear 0s infinite;
    -webkit-animation:flaghover 1.5s linear 0s infinite;
}

@keyframes flaghover {
    10% {
        transform: translateZ(0);
    }
    20% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-180deg);
    }
}

@-o-keyframes flaghover {
    10% {
        transform: translateZ(0);
    }
    20% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-180deg);
    }
}

@-moz-keyframes flaghover {
    10% {
        transform: translateZ(0);
    }
    20% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-180deg);
    }
}

@-webkit-keyframes flaghover {
    10% {
        transform: translateZ(0);
    }
    20% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-180deg);
    }
}

/* Heart Favorite Star */
#favorite-star {
    visibility: hidden !important;
}

#favorite-star:after {
    position: relative !important;
    right: 16px;
    content: "✡";
    visibility: visible !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;
}

/* Party Hats */
p.fileinfo::before{
    content:url('https://i.imgur.com/wqu10RD.png');
    position:absolute;
    margin:90px 0 0 -20px;
    pointer-events: none;
}

/* Static Boardlist*/
.desktop-style div.boardlist:not(.bottom) {
    position: static !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

a {
    text-decoration:none;
    color:#f8c20f;
}

a[href$="mailto:sage"] {
    text-decoration: underline;
}

a:link, a:visited, p.intro a.email span.name {
    color: #f8c20f;
}

a:link:hover{
    color:#784818;
}

div.ban {
    background-color: #333;
    border: 1px solid #222;
}

div.ban h2 {
    background-color: #222;
    color: #F8C20F;
    margin-bottom: 11px;
}

div.ban h3 {
    color: #AF0A0F;
    padding: 3px 7px;
}

div.ban li {
    padding-bottom: 3px;
    padding-right: 7px;
}

div.ban p {
    padding: 7px;
}

div.ban strong {
    color: #AF0A0F;
    font-size: 11pt;
    font-weight: bold;
    padding: 3px 7px;
}

div.boardlist {
    background-color: #333;
    color: #222;
    padding: 8px;
}

div.pages {
    color: #222;
    background: none repeat scroll 0% 0% #333;
    display: inline;
    padding: 8px;
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
}

div.post.reply {  
  background: #666666;
  opacity: 0.9;
  border:1px hidden #333;
  margin-bottom:2px;
  margin-left:16px;
  margin-top:2px
}

div.post.reply div.body a {
    color: #f8c20f;
}

div.post.reply.highlighted {
    background: #555;
}

.theme-catalog div.thread:hover {
    background: none repeat scroll 0% 0% #333;
    border-color: #222;
}

form table tr th {
    background: none repeat scroll 0% 0% #333;
}

header h1 {
    color: #F8C20F;
    text-shadow: 0px 0px 0.8em #F00, 0px 0px 0.8em #F00;
}

hr {
height: 16px;
background: url(https://i.imgur.com/ptG4Uah.gif), url(https://i.imgur.com/ptG4Uah.gif)  repeat,repeat center;
border: none;
}
div#options_div {
  background-color:#282a2e
}

img.banner, img.board_image {
    border: none;
    opacity: 0.0;
}

p.intro span.name {
    color: #F8C20F;
    font-weight: bold;
}

p.intro span.subject {
    color: #D00;
}

p.intro span.trip {
    color: #F8C20F;
}

#options_div, #alert_div {
    background: #333;
}

table.modlog tr th {
    background: none repeat scroll 0% 0% #222;
    color: #F8C20F;
}

table tbody tr:nth-of-type( even ) {
	background-color: transparent;
}

/* 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; }

body {background: #EEF2FF url("https://i.imgur.com/CfrEMM6.gif") no-repeat fixed right bottom;}