#header {
    color: green;
    font-size: 28px;
    margin: 100px auto 50px;
    text-align: center;
    animation: fadein 1s;
    -moz-animation: fadein 1s;
    -webkit-animation: fadein 1s;
    -o-animation: fadein 1s;
}

#main {
    text-align: center;
    margin: 0 auto;
    color: #073642;
    font-size: 13px;
    line-height: 150%;
    animation: fadein 2.5s;
    -webkit-animation: fadein 2.5s;
    -moz-animation: fadein 2.5s;
    -o-animation: fadein 2.5s;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-o-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

a:link,
a:visited {
    color: #b58900;
}
a:hover,
a:active {
    color: #d5a920;
}

.cy {
    color: #b58900;
}

.co {
    color: #cb4b16;
}

.cr {
    color: #dc322f;
}

.cm {
    color: #d33682;
}

.cv {
    color: #6c71c4;
}

.cb {
    color: #268bd2;
}

.cc {
    color: #2aa198;
}

.cg {
    color: #859900;
}