:root {
    --blue: #8aadd3;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #eed68b;
    --green: #5cbe72;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #eee;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #eed68b;
    --secondary: #17a2b8;
    --success: #5cbe72;
    --info: #8aadd3;
    --warning: #eed68b;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --bs-body-bg: #eee;
}

#main {
    background: white;
}

.row.header {
    font-family: 'Crete Round', serif;
    border-top:1px solid red;
    padding: 1rem;
}

.row.footer {
    font-family: 'Crete Round', serif;
    border-top:1px solid red;
    padding: 1rem;
    text-align:right;
    margin-top:4em;
}

.elements_logo {
    font-size: 40px;
    text-decoration:none;
    color:#6f42c1;
}

.doc .elements {
    font-family: 'Crete Round', serif;
    color:#6f42c1;
}

.doc H1 {
    margin-bottom:1rem;
}

.doc UL {
    margin:1rem;
}

.doc ::marker {
    color:#6f42c1;
}

.doc PRE {
    margin:2em;
}

.doc H3 {
    margin:1em;
}

.doc DIV.notes {
    width:80px;
    border-top:1px solid #6f42c1;
    padding-bottom:0.5em;
}

.doc SUP A {
    text-decoration:none;
    color:inherit;
}

.doc LI.file::marker {
    content:"\F392";
    font-family: bootstrap-icons !important;
}

.doc LI.dir::marker {
    content:"\F234";
    font-family: bootstrap-icons !important;
}

.doc LI.open::marker {
    content:"\F22C";
    font-family: bootstrap-icons !important;
}

.doc LI.file, .doc LI.dir, .doc LI.open {
    padding-left:0.3em;
}

.doc UL.compressed {
    margin:0;
}

.doc H3 {
    margin-top:1.5em;
}

.doc H4 {
    margin-top:1.5em;
    margin-left:40px;
    font-size: 1.3rem;
}

.doc H3 .bi, .doc H4 .bi, .doc P .bi {
    margin-left:0.6em;
    font-size:0.6em;
}

.menu {
    font-family: 'Crete Round', serif;
}

.menu ::marker {
    content: "";
}

.menu UL {
    margin-bottom:1em;
}

.menu LI A {
    text-decoration:none;
    color:var(--bs-gray);
}

.menu UL.compressed {
    margin:0;
    font-size: 0.8em;
    padding-left: 1em;
}