*{margin:0;padding:0}body,html{overflow:hidden}.global-container{background-color:#000;font-family:lora,serif;width:100vw}.global-container,.pageControll{display:flex;height:100vh;overflow:hidden}.pageControll{align-items:center;background-color:transparent;border-left:.1px dashed #fff;color:#403d39;font-family:IBM Plex Mono,monospace;font-style:normal;font-weight:100;justify-content:center;line-height:1.4rem;margin:0;opacity:.3;padding:0;position:absolute;right:0;text-align:left;transition:all .3s ease-in;width:3vw;z-index:1000}.pageControll:hover{background-color:#000;border-left:1px dashed #403d39;opacity:1;right:0;width:10vw}.pageBtn{align-items:center;background-color:transparent;border-color:transparent;color:#fff;filter:blur(15px);flex-direction:column;height:100%;justify-content:center;left:0;margin:0;padding:1vw;position:flex;top:0;transition:all .3s ease-in;width:100%}.pageBtn p{text-align:left}.pageBtn:hover{background-color:transparent;filter:blur(0);opacity:1}.page-enter-active,.page-leave-active{transition:all .7s}.page-enter-from,.page-leave-to{filter:blur(3rem);opacity:0}.page-leave-to{transform:translate(-100%)}