:root {
    --accent-cyan: #00ffff;
    --z-beams-vertical: 9999;
}

/* Navigation beam effects */
.vertical-line-left,
.vertical-line-right {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 2px;
    background: rgba(0, 255, 255, 0.1);
    z-index: var(--z-beams-vertical);
    pointer-events: none;
    overflow: hidden;
    display: block;
}

.vertical-line-left {
    left: 0;
}

.vertical-line-right {
    right: 0;
}

.vertical-line-left::before,
.vertical-line-right::before {
    content: '';
    position: absolute;
    height: 70%;
    width: 2px;
    background: var(--accent-cyan);
    top: -70%;
    animation: moveUpAndDown 4s linear infinite;
    box-shadow: 0 0 10px var(--accent-cyan),
                0 0 20px var(--accent-cyan);
}
/*test*/
@keyframes moveUpAndDown {
    0% { top: -70%; }
    45% { top: 100%; }
    50% { top: 100%; }
    95% { top: -70%; }
    100% { top: -70%; }
}