* {box-sizing:border-box;}
html,body, 
div#container {height:100%; margin:0; padding:0; scroll-behavior:smooth; position:relative;}
div#container {overflow-y:auto; -webkit-overflow-scrolling:touch;}

div#container div.pageSection {min-height:100%; position:relative; color:#eee; z-index:1; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; border:24px solid rgba(255,255,255,.5); transition:.5s;}
@media screen and (max-width:575px) {
	div#container div.pageSection {border-width:8px;}
}
div#container div.pageSection:nth-of-type(4n+1) {background-color:red;}
div#container div.pageSection:nth-of-type(4n+2) {background-color:orange;}
div#container div.pageSection:nth-of-type(4n+3) {background-color:green;}
div#container div.pageSection:nth-of-type(4n+4) {background-color:blue;}

div.pageNexter {position:absolute; bottom:0; left:50%; transform:translate(-50%,-100%);}
div.pageNexter a.nextBtn {border:2px solid #222; color:#222; background:rgba(255,255,255,0.25); padding:4px 12px; border-radius:50%; margin:24px 0; transition:.5s; box-shadow:rgba(0,0,0,.25) 0px 2px 2px;}
div.pageNexter a.nextBtn:hover {background:#222; color:#CCC; box-shadow:rgba(0,0,0,.25) 0px 6px 2px; transform:scale(2);}
div.pageNexter a.nextBtn i.fa {position:absolute; top:50%; left:50%; transform:translate(-50%,-55%);}
div.pageNexter.last a.nextBtn i.fa {transform:translate(-50%,-62.5%);}