body {
    background-color: #222;
    color: #aaa;
}

#main {
    font-family: 'Exo 2', sanas-serif;
    text-align: center;
    font-size: 128px;

    vertical-align: middle;

    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
}

p.center {
    text-align: center;
    font-size: 32px;

    margin-left: auto;
    margin-right: auto;
}

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

:visited {
    color: #c77;
}

#content {
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#title {
    font-family: 'Exo 2', sans-serif;
    vertical-align: middle;
    font-size: 64px;
}

#info {
    padding-left: 20px;
}

#srcs {
    padding-left: 40px;
}

.mono {
    font-family: 'Courier';
}

@media (min-width: 400px) {
    #content {
        width: 480px;
    }
}

@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 900;
    src: local('Exo 2 Black'), local('Exo2-Black'), url(exo.ttf) format('truetype');
}