:root {}

main {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    overscroll-behavior: smooth;
}

section {
    min-height: 100vh;
    scroll-snap-align: start;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

::-webkit-scrollbar {
    display: none;
}

.section1 {
    background: rgb(218, 65, 65);
}

.section1 .effects {}

.section2 {
    background: linear-gradient(rgb(218, 65, 65), rgb(218, 65, 65), rgb(255, 255, 255), rgb(255, 255, 255));
}