@font-face {
    font-family: "Routed Gothic";
    src:
        url(/assets/routed-gothic-narrow.ttf) format("truetype");
}

html {
    font-family: "Routed Gothic";
    font-size: x-large;
    margin: 2%;
}

header {
    margin-bottom: 2%;
    font-weight: bold;
}

main {
    margin: auto 20%;
}

details {
    margin-bottom: 2%;
}

details > summary {
    margin-bottom: 1%;
    font-weight: bold;
    cursor: pointer;
}

summary::marker {
    content: "+ ";
}

details:open > summary::marker {
    content: "= ";
}

details > div {
    font-size: large;
    padding-left: 2%;
}