html, body {
    height: 100%;
    margin: 0;
    background: var(--bg-color-section);
}

li {
    background: var(--bg-color-section);
}

.sidebar {
    background: var(--bg-color-sidebar);
    min-height: 101vh;
}

.theme-light {
    --bg-color-sidebar: hsl(0, 0%, 90%);
    --bg-color-section: hsl(0, 0%, 93%);
    --bulma-scheme-main-l: 96%;
}
.theme-dark {
    --bg-color-sidebar: hsl(221, 14%,calc(9% + 1%));
    --bg-color-section: var(--bulma-body-background-color);
}

a.is-active {
    background: var(--bulma-warning);
    color: black;
}

.is-footer {
    position: fixed;
    bottom: 10%;
    left: 0;
    width: 100%
}



.node {
    fill: var(--bulma-info-soft);
    stroke: var(--bulma-info);
    stroke-width: 1.5px;
}

.node-error .node {
    fill: var(--bulma-danger-soft);
    stroke: var(--bulma-danger);
    stroke-width: 1.5px;
}

.node-warning .node {
    fill: var(--bulma-warning-soft);
    stroke: var(--bulma-warning);
    stroke-width: 1.5px;
}

.link {
    fill: none;
    stroke: var(--bulma-info);
    stroke-width: 2px;
    stroke-dasharray: 0.5%, 0.5%;
}
.node-label {
    font-family: "Arial", sans-serif;
    font-size: 16px;
    fill: var(--bulma-text);
    stroke: none;
    text-anchor: middle;
}