body {
    background-color: #111;
    color: white;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0;
    font-family: "Comic Sans MS";
}

h1 { 
    text-shadow:
    -2px -2px 0 red,
    2px -2px 0 red,
    -2px 2px 0 red,
    2px 2px 0 red,
    -3px 0px 0 red,
    3px 0px 0 red,
    0px -3px 0 red,
    0px 3px 0 red;
}

a { margin: 1em; }

#main-center {
    font-size: 150%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.rgb {
    animation: colorchange 20s infinite alternate;
    -webkit-animation: colorchange 20s infinite alternate;
}

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

@keyframes colorchange {
    0% {
        color: blue;
    }
    10% {
        color: #8e44ad;
    }
    20% {
        color: #1abc9c;
    }
    30% {
        color: #d35400;
    }
    40% {
        color: blue;
    }
    50% {
        color: #34495e;
    }
    60% {
        color: blue;
    }
    70% {
        color: #2980b9;
    }
    80% {
        color: #f1c40f;
    }
    90% {
        color: #2980b9;
    }
    100% {
        color: pink;
    }
}

@-webkit-keyframes colorchange {
    0% {
        color: blue;
    }
    10% {
        color: #c248f6;
    }
    20% {
        color: #1abc9c;
    }
    30% {
        color: #d35400;
    }
    40% {
        color: blue;
    }
    50% {
        color: #34495e;
    }
    60% {
        color: blue;
    }
    70% {
        color: #2980b9;
    }
    80% {
        color: #f1c40f;
    }
    90% {
        color: #2980b9;
    }
    100% {
        color: pink;
    }
}