@import "../../colour_scheme.css";

/* For whole scroller */

.scroller {
    max-width:1200px;
    margin: 2rem;
    pointer-events:none; 
    z-index: 10;
    height: fit-content; 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center;
}

.scroller section {
    pointer-events: auto;
    position: relative; 
    display: flex;
    flex-direction: column; 
    justify-content: center; 
    align-items: center;
    gap: 1rem;
}

.scroller section h1{
    font-size: 3rem; 
    color: var(--primary-fg-colour-accented); 
    text-align: center; 
    margin: 0.5rem 0;
}

.scroller section p {
    font-size: 1.2rem; 
    color: var(--primary-fg-colour-accented); 
    text-align: center; 
    margin: 0.5rem 0;
}