style.css

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Optima, "Hiragino Sans GB W3";
    line-height: 40px;
    font-size: 18px;
    background: hsl(0, 7%, 92%);
}

a {
    text-decoration: none;
}

p {
    margin: 0;
}

tt {
    font-family: Monaco;
}

#main {
    width: 900px;
    margin: 0 auto;
    padding: 0px 40px;
    background: white;
    box-shadow: 2px 0px 14px hsla(0, 0%, 27%, 0.38);
}

#banner {
    vertical-align: middle;
}

#banner a {
}

#banner img {
    margin: auto;
    display: block;
}

#banner .title {
    font-size: 50px;
    color: hsl(240, 100%, 88%);
    font-family: "Gill Sans";
    line-height: 100px;
}

#banner .repo {
}

.project {
    margin: 40px auto;
    background-color: white;
    padding: 20px 40px 20px 80px;
}

.project .title {
    margin-left: -40px;
    line-height: 80px;
    font-size: 30px;
}

.project .repo {}

.project .site {}

.project .about {
    color: hsl(0, 0%, 61%);
}