:root {
    --greybox: rgb(239, 239, 239);
}

html {
    font-family: "Arial", sans-serif;
}

body {
    margin-left: 1%;
    margin-right: 1%;
}

#header {
    /* https://www.joshwcomeau.com/css/center-a-div/ */
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

nav {
    margin-top: -15px;
    margin-bottom: 15px;
}
    
nav > ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    list-style: none;
}
    
nav ul > li:after {
    content: "|";
    padding: 0 1ch;
}

nav ul > li:last-child:after {
    content: none;
}