body {
    background: #333;
    font-family: 'Montserrat', sans-serif;
}

#topmenu {
    zz-max-height: 150px;
    padding: 1em
}

.site-title a,
.site-title a:visited,
.site-title {
    color: #09c0fe;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.25;
    padding-left: 1em;
    text-align: left;
    text-decoration: none;
}

.pure-u-1-2.top-right {
    text-align: right
}

.pure-u-1-2.top-right .pure-menu-horizontal {
    float: right;
    padding-right: 2em
}

.site-description {
    color: #ededb1
}

.content {
    background: white;
    padding: 1em;
}

body > .content {
    border-radius: 2em;
    zz-font-family: Merriweather, Georgia, serif;
    font-size: 16px;
    zz-font-size: 1rem;
    line-height: 1.75;
    margin: 1px auto;
    width: 95%;
}

.clear {
    clear: both
}

.pure-menu-children {
    background-color: #555
}

.pure-menu-selected > .pure-menu-link, .pure-menu-selected > .pure-menu-link:visited,
.pure-menu-link:visited,
.pure-menu-link {
    color: #ededb1
}

.pure-menu-active > .pure-menu-link, .pure-menu-link:focus, .pure-menu-link:hover {
    background-color: #777
}

@media screen and (max-width: 770px) {
    .hide-on-small {
        display: none
    }

    .site-title a,
    .site-title a:visited,
    p.site-title {
        padding-left: 0;
        margin: 3px auto;
        margin-block-start: 3px;
    }
}