/* Custom CSS to make dropdown menu overlay other elements */
.navbar {
    position: relative; /* Ensure the navbar is the reference point */
}

.navbar .dropdown-menu {
    position: absolute;
    transform: translate3d(0, 0, 0);
    top: 100%;
    left: 0;
    will-change: transform;
}

.z-index-front {
    z-index: 1050;
}

.max-width-768 {
    max-width: 768px;
}

@keyframes flash-border {
    0% { stroke: transparent; }
    50% { stroke: rgb(93, 0, 255); }
    100% { stroke: transparent; }
}

.flashing-border {
    stroke-width: 2;
    animation: flash-border 1s infinite;
}