@import url(http://fonts.googleapis.com/css?family=Raleway:400,200);

body {
    font-family: Raleway, sans-serif;

    font-size: 28px;
    font-weight: normal;

    padding-bottom: 144px;
    
    height: 100%;
}
html {
    position: relative;
}
a {
    color:#404040;
    text-decoration: none;
}

/** CONTENT **/

#content {
    width: 700px;
    margin: auto;
    text-align: center;
}

#content > a > div {
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

#content > a:hover > div {
    opacity: 0.7;
}

#content > a > div > div {
    width:100%;
    color:#000;
    font-size: 18px;
    line-height: 24px;
}

#content > .section {
    clear: both;

    margin-top: 16px;
    margin-bottom: 24px;

    font-size: 32px;
    font-weight: 120;
}

/** PROJECT **/

#content > a > .project {
    width: 320px;
    height: 320px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
    float: left;
}

#content > a > .project > img {
    width: 256px;
    height: 256px;

    border: 1px solid #808080;
    border-radius: 8px;
}

.spacer {
    clear: both;
    height: 32px;
}

.more > a {
    font-size: 24px;
    color: #666;
}

/** BLOG **/

#content > a > .blog {
    margin-bottom: 20px;
}

/** ART **/

#content > a > .art {
    width: 196px;
    height: 196px;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 32px;
    float: left;
}

#content > a > .art > img {
    width: 196px;
    height: 196px;

    border: 1px solid #808080;
    border-radius: 8px;
}

/** GAME **/

.game {
    width: 100%;
    margin: auto;
    text-align: center;
    vertical-align: center;
}

.game-fullscreen {
    margin-top: 2px;
    font-size: 16px;
    color: #BBB;
    cursor: pointer;
}

.game-title {
    font-size: 40px;
    margin: auto;
}

.game-subtitle {
    font-size: 32px;
    margin: auto;
}

.game-description {
    font-size: 20px;
    margin: auto;
}

.game-notes {
    font-size: 18px;
    font-style: italic;
    margin: auto;
}