/* We're now using /sp/'s stylesheet because fuck you. */

 body {

}

/* GET */
a[href$="0000"], a[href$="11111"], a[href$="22222"], a[href$="33333"], a[href$="44444"], a[href$="55555"], a[href$="66666"], a[href$="77777"], a[href$="89988"] {
animation: myfirst 1.1s linear infinite!important;
-webkit-animation: myfirst 1.1s linear infinite!important;
}

a[href$="0000"]::after, a[href$="11111"]::after, a[href$="22222"]::after, a[href$="33333"]::after, a[href$="44444"]::after, a[href$="55555"]::after, a[href$="66666"]::after, a[href$="77777"]::after, a[href$="88888"]::after {
content: " GET! ";
animation: myfirs 12s linear infinite!important;
-webkit-animation: myfirs 12s linear infinite!important;
} 
/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {background:red; left:0px; top:3px;}
    25%  {background:yellow; left:3px; top:0px;}
    50%  {background:blue; left:0px; top:3px;}
    75%  {background:green; left:3px; top:0px;}
    100% {background:red; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes myfirst {
    0%   {background:red; left:0px; top:3px;}
    25%  {background:yellow; left:3px; top:0px;}
    50%  {background:blue; left:0px; top:3px;}
    75%  {background:green; left:3px; top:0px;}
    100% {background:red; left:0px; top:0px;}
}


/* Spin */

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);
    }
}