:root {
    --GREEN: #8DB740;
    --DARK_GREEN: #6A8759;
    --PURPLE: #9876AA;
    --DARK_ORANGE: #CC7832;
    --ORANGE: #E6AE48;
    --BLUE: #6897BB;
}

.shower.list {
    background: #A9B7C6;
}
.slide {
    background: #2B2B2B;
}
.slide,
.slide h2,
.slide li::before {
    color: #A9B7C6;
}
.picture {
    width: 100vw;
}
.caption {
    color: #2B2B2B;
}

.slide pre code {
    font-family: Menlo;
}

.slide pre code:not(:only-child)::before {
    content: counter(code, decimal-leading-zero);
}

.mark {
    background-color: red;
    height: 1em;
}

.no-term {
    background-color: rgba(152, 118, 170, 0.5) !important;
}

.term {
    background-color: rgba(230, 174, 72, 0.5) !important;
}

.good {
    background-color: rgba(0, 255, 22, 0.15) !important;
}

.bad {
    background-color: rgba(255, 0, 4, 0.15) !important;
}

.arrow {
    background-image: url("./access/Arrow.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 200px;
    height: 100px;
}

.ellipse {
    border: 5px solid var(--DARK_ORANGE);
}

.shower.full .next.next-light {
    visibility: visible;
}

.shower.full .next.next-light.active.true {
    background-color: rgba(0, 255, 22, 0.15) !important;
}

.shower.full .next.next-light.active.false {
    background-color: rgba(255, 0, 4, 0.15) !important;
}

.shower.full .next.next-light.active.code {
    background-color: rgba(230, 174, 72, 0.5) !important;
}

.shower.full .next.next-light.active.code {
    background-color: rgba(230, 174, 72, 0.5) !important;
}

.shower.full .next.next-light.active.light_two {
    background-color: rgba(40, 123, 222, 0.5) !important;
}

.shower.full .next.next-light.active.light_three {
    background-color: rgba(106, 135, 89, 0.5) !important;
}

.code:not(.next-light) {
    background-color: rgba(230, 174, 72, 0.5) !important;
}

.light_one:not(.next-light) {
    background-color: rgba(230, 174, 72, 0.5) !important;
}

.light_zero:not(.next-light) {
    background-color: rgba(152, 118, 170, 0.5) !important;
}

.light_two:not(.next-light) {
    background-color: rgba(40, 123, 222, 0.5) !important;
}

.light_three:not(.next-light) {
    background-color: rgba(106, 135, 89, 0.5) !important;
}

.block {
    border: 3px solid var(--ORANGE);
    padding: 20px;
}

@media print {
    .no-print { display: none; }
}