*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: Ggsans, sans-serif;
    animation: none;
    -webkit-tap-highlight-color: transparent;
}


.main-scroll-effect{
    animation: scrollPage linear;
    animation-timeline: view();
    animation-range: entry 0% cover 40%;
}

@keyframes scrollPage {
    from{
        opacity: 0;
        scale: 0.4;
    }
    to{
        opacity: 1;
        scale: 1;
    }
}