gnucode.me/css/main.scss

@import 'theme.scss';
.flex {
    display:flex;
    flex-flow:wrap;
    justify-content:space-between;
    a {
        padding-bottom:2em;
    }
}

a {
    color:$link-color;
    text-decoration:none;
    font-weight:bold;
}
a:hover {
    color:$link-color-hover;
    font-weight:bold;
    text-decoration:underline;
}
body {
    margin:0;
    background-color: $background-color;
    color: $text-color;
}
h1,h2,h3,h4,h5,h6 {
    text-align:center;
}
h1 {
    padding:2em;
    margin:0;
    background: $h1-background-color;
    color: $h1-color;
}
h2 {
    color: $h2-color;
}
h3 {
    color: $h3-color;
}
h4 {
    color:$h4-color;
}
.blog {
    text-align:center;
    padding:2em 0;
    h3 {
        margin:0;
    }
    time {
        display:block;
        padding-bottom:2em;
    }
}
%shared-font-things {
    font-size: 15px;
    font-family: Verdana, Geneva, sans-serif;
    line-height: 30px;
}
p {
    @extend %shared-font-things;
    margin:2em 0;
}
%code-font-shared {
    font-size:16px;
    color:$code-text-color;
}
code {
    @extend %code-font-shared;
}

pre {
    border:solid 2px $code-border-color;
    border-radius:2em;
    // when I got syntax highlighting working,
    // delete this next line please.
    background-color:$grey;
    padding:2em;
    code {
        @extend %code-font-shared;
        color:black;
    }
}

img {
    display:block;
    margin:auto;
}

code {
    @extend %code-font-shared;
}

ul {
    li {
        @extend %shared-font-things;
        margin:1em;
    }
}

.basic-section-padding {
    max-width:70%;
    padding:2em 0 2em 15%;
}

.section-background {
    background-color:$darker-green;
    a:hover {
        color:$link-color-hover-navbar;
        text-decoration:underline;
    }
}

.text-white {
    color:white;
}

//phone view
@media (max-width:800px) {
    main {
        padding:2em 1.5em 2em 1.5em;
        max-width:100%;
    }
    ul {
        padding-left:1.5em;
        li {
            margin:0;
        }
    }
}

// css for the services form
form {
    p {
        padding-left:2em;
    }
    label {
        min-width:10em;
        display:inline-block;
        padding-left:2em;
    }
    input {
        min-width:15em;
        display:inline-block;
        margin:0 0 2em 2em;
    }
    input[type="radio"] {
        min-width:5em;
        display:inline-block;
        margin:0 0 2em 0;
    }
    input[type="checkbox"] {
        margin:0 0 2em 15em;
        min-width:0;
    }
    textarea {
        margin-left:2.5em;
    }
    ul {
        list-style-type:none;
    }
    fieldset {
        margin-bottom:2em;
    }
}

.hidden {
    display:none;
}