html,
body {
    background-color: var(--blue);
}

#sidebar-ganz {
    background-color: transparent;
}

#sidebar-ganz:has(.sidebar.active) {
    background-color: var(--blue);
}

.line-number-0 {
    color: transparent;
}



#concept-text {
    width: 100%;
    height: 100%;
}

.layer {
    position: absolute;
    width: 13vw;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    transition: transform 0.2s ease;
}

.layer:hover {
    opacity: 0;
} 



#layer1 {
    top: 4.5vh;
    left: 2.5vw;
}

#layer2 {
    top: 55vh;
    left: 10vw;
}

#layer3 {
    top: 20vh;
    left: 25vw;
}

#layer4 {
    top: 55vh;
    left: 32vw;
}

#layer5 {
    top: 81vh;
    left: 79vw;
}

#layer6 {
    top: 35vh;
    left: 40vw;
}

#layer7 {
    top: 53vh;
    left: 54vw;
}

#layer8 {
    top: 25vh;
    left: 65vw;
}

#layer9 {
    top: 20vh;
    left: 79vw;
}



