body{
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    color: #fff;
    font-family: 'Open Sans';
}

#section-one{
    background-color:#24fe53;
    background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
    text-align: center;
    height: 100vh;
    scroll-snap-align:start;
}
#section-two {
    background-color: #fe3324;
    background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
    text-align: center;
    height: 100vh;
    scroll-snap-align:start;
}
#section-three {
    background-color: #7824fe;
    background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
    text-align: center;
    height: 100vh;
    scroll-snap-align:start;
}
#section-four {
    background-color: #2433fe;
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
    text-align: center;
    height: 100vh;
    scroll-snap-align:start;
}
#section-five {
    background-color: #fecb24;
    background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    text-align: center;
    height: 100vh;
    scroll-snap-align:start;
}
#section-six {
    background-color: #fe24aa;
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    text-align: center;
    height: 100vh;
    scroll-snap-align:start;
}