body {
    font-family: "Ubuntu", sans-serif;
    background: #fff;
    color: #444;
}

h1, h2, h3, h4, h5, h6, p {
    font-family: inherit;
    color: inherit;
    font-weight: 300;
}

.button, button {
    &.github {
        margin: 0px;
        padding: 0.5rem 1.4rem;
        border-radius: 4px;
        background: #f3f3f3 none repeat scroll 0% 0%;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    }
}

.page-content, .site-footer {
    .button, button {
        &.button {
            background: #dbdbdb none repeat scroll 0% 0%;
            color: #777;
            box-shadow: none;
        }
    }
}

pre, code {
    font-family: "Ubuntu Monospace", sans-serif;
}

.site-header {
    text-align: center;
    background: #dd4814;
    background: -moz-linear-gradient(left, #dd4814 0%, #772953 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dd4814), color-stop(100%,#772953));
    background: -webkit-linear-gradient(left, #dd4814 0%,#772953 100%);
    background: -o-linear-gradient(left, #dd4814 0%,#772953 100%);
    background: -ms-linear-gradient(left, #dd4814 0%,#772953 100%);
    background: linear-gradient(to right, #dd4814 0%,#772953 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4814', endColorstr='#772953',GradientType=1 );
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);

    h1 {
        margin: 120px 0;
        color: #fff;
        font-weight: 300;
    }
}

.page-content {
    padding: 50px 0 25px;

    blockquote {
        margin-left: 30px;
    }

    section ~ section {
        margin-top: 25px;
    }
}

.site-footer {
    padding: 25px 0 50px;
    color: #b6b6b6;

    a {
        color: #777;
    }
}