/*-- Use For Custom Styling --*/
:root {
    --scroll-offset: 100px;
}

section[id] {
    scroll-margin-top: var(--scroll-offset);
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.75);
    z-index: 1;
    pointer-events: none;
}