* {
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    width: 100%;
}

#page {
    position: relative;
    height: 100vh;
    width: 100vw;
    background-color: #f1f1f1;
}

#page1 {
    position: relative;
    height: 100vh;
    width: 100vw;
    background-color: #f1f1f1;
}

#page2 {
    position: relative;
    height: 100vh;
    width: 100vw;
    background-color: #f1f1f1;
}

#page3 {
    position: relative;
    height: 100vh;
    width: 100vw;
    background-color: #f1f1f1;
}

canvas {
    position: relative;
    z-index: 9;
    max-width: 100vw;
    max-height: 100vh;
}

@keyframes anim {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}