#gallery {
    padding:2% 0;
}

.sub-heading:before {
    display:inline-block;
    vertical-align:middle;
    content:"";
    padding:0%;
    margin-right:10px;
    width:4%;
    height:auto;
    border-top:1px solid black;
}

.sub-heading {
    text-transform:uppercase;
}

#gallery .halfwidth {
    margin-left:auto;
    margin-right:auto;
}

#gallery button {
    width:32.5%!important;
    font-weight:650;
    margin:2% 0;
    padding:1vw 1vw!important;
    padding:1.1vw;
}

#gallery button:first-of-type{
    margin-right:2%;
}

    #gallery .fullwidth:has(#scroll-line) {
        margin-top:20px;
        display: flex;
        align-items: center;
        gap: 12px;
        font-family: 'Syne Mono', monospace;
        font-size: 0.65rem;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--dark-grey);
        padding:10px 0;
        border-top: 1px solid rgba(17, 17, 17, 0.08);
        border-bottom: 1px solid rgba(17, 17, 17, 0.08);
    }

#scroll-line {
    width: 40px;
    height: 1px;
    background: rgba(17, 17, 17, 0.12);
    position: relative;
    overflow: hidden;
    margin-right:10px;
    vertical-align:middle;
}


    #scroll-line::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, var(--blue), var(--red));
        animation: scrollpulse 2s ease-in-out infinite;
    }

@keyframes scrollpulse {
    0%,100% {
        left: -100%
    }

    50% {
        left: 100%
    }
    
#typing-title::after{
    content:"|";
    margin-left:4px;
    animation:blink 1s infinite;
}

@keyframes blink{
    0%{opacity:1;}
    50%{opacity:0;}
    100%{opacity:1;}
}
}