body{
    overflow: hidden;
    width: 100%;
    margin: 0px;
}
.slider {
    width: 100vw;
    height: 100vh;
}
.slider .viewports{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.slider .page-viewport{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    transform-origin: top left;
    width: 100%;
    height: 100%;
}
.slider .page-viewport.active{
    display: block;
}
.slider .container-1{
    width: 100%;
    height: 100%;
    position: relative;
}
.slider .scroll-container{
    position: absolute;
}