body {
    margin: 0;
}

/* 
html {
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

div[info="pagecontainer"] {
    min-width: 20vh;
    height: 100vh;
    overflow-y: scroll;   
    scroll-snap-type: y mandatory; 
} */

div[info="pagecontainer"] {
    padding-top: 60px;
    padding-bottom: 50px;
}


.child {
    scroll-snap-align: start;
    scroll-margin-top: 60px;
}


.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active,
.dot:hover {
    background-color: #717171;
}