html {
        background: white;
}

* {
        font-family: sans-serif;
}

#page-header>a, #page-header {
        font-family: mono;
        font-weight: normal;
        color: black;
        text-decoration: none;
}

#logo {
        width: 2em;
        margin: .3em;
        box-shadow: 0 0 3px black;
        background: black;
        border-radius: 3px;
}

body {
        margin: 0 5vw;
        padding: 2em;
        border-color: #696969;
        border-style: none solid;
        border-width: 2px;
        background: #fed;
}

body>h1, body>h2, body>p, body>ul, body>a, body>li {
        padding-left: 3%;
}

ul {
        list-style-type: none;
        padding: 0;
}

ul.bar {
        display: flex;
        margin: .5em;
}

.bar li {
        padding: 0 1.5em;
        border-right: 1px solid #969696;
}

.bar li:last-child {
        border-right: none !important;
}

a {
        color: #3030e0;
}

a:hover {
        color: #c0c030;
}