.navbar-bar {
    background-color: var(--drk_clr_2);
    display: inline-block;
    width: 100%;
}
.navbar-elem {
    float:left;
    padding: 10px;
    background-color: var(--drk_clr_2);
    color: var(--lgt_clr_2);
}
.navbar-elem:hover {
    background-color: var(--lgt_clr_2);
    color: var(--drk_clr_2);
}

body {
    background-color: var(--drk_clr_1);
    color: var(--lgt_clr_1);
}

.cont-box {
    background-color: var(--drk_clr_2);
    padding: 10px;
    min-width: 30%;
    max-width: 50%;
}
.cont-option {
    background-color: var(--lgt_clr_2);
    color: var(--drk_clr_2);
    padding: 2px;
}
.cont-option:hover {
    background-color: var(--drk_clr_2);
    color: var(--lgt_clr_2);
}

button {
    background-color: var(--lgt_clr_2);
    color: var(--drk_clr_2);
}

a.o-link {
    text-decoration: none;
}

.c-link {
    color: var(--lgt_clr_2);
}

iframe {
    width: 100%;
    border: none;
}