body,html{margin:0;padding:0;width:100%;height:100%;justify-content:center;align-items:center;display:flex;font-size:12px;background-color:#1a1b25;color:#fff}*{box-sizing:border-box}@font-face{font-family:Roboto;src:url(/assets/Roboto-Light.c576c506.ttf);font-weight:500}@font-face{font-family:Roboto;src:url(/assets/Roboto-Bold.ec685a46.ttf);font-weight:700}.home{font-family:Roboto,sans-serif;font-size:1.2em}.wrapper{position:relative;top:0;bottom:0;left:0;right:0;width:100%;height:100%;overflow:hidden;transform-style:preserve-3d;perspective:40em}.wrapper.active main{opacity:.5;transform:translate3d(0,25%,-120px)}.wrapper.active main .fake-page:nth-child(1){transition-delay:.15s;width:90%;z-index:3;margin:0 5%;background-color:#253146;transform:translateY(-50px)}.wrapper.active main .fake-page:nth-child(2){transition-delay:.25s;width:80%;z-index:2;margin:0 10%;background-color:#192031;transform:translateY(-100px)}.wrapper.active main .fake-page:nth-child(3){transition-delay:.35s;width:70%;z-index:1;margin:0 15%;background-color:#0d121d;transform:translateY(-150px)}.wrapper.active main .page{border-radius:1rem;overflow:hidden}.wrapper.active main .page .content{filter:blur(1.5px)}.wrapper .menu{position:absolute;top:4rem;right:4rem;background:transparent;border:none;z-index:1000;cursor:pointer;color:#bcb6ff;font-size:2rem}.wrapper nav{width:100%;display:flex;justify-content:center;position:absolute;top:5rem;left:0;right:0}.wrapper nav a{color:#fff;padding:2rem;font-size:1rem;text-decoration:none;text-transform:uppercase;letter-spacing:.2rem;margin:0 2rem 0 0;display:flex;flex-direction:column;align-items:center;cursor:pointer}.wrapper nav a:hover img{transform:translateY(-15px)}.wrapper nav a:last-child{margin:0}.wrapper nav a img{width:3rem;height:3rem;margin:0 0 2rem;transition:all .15s}.wrapper main{width:100vw;height:100vh;position:relative;transition:.25s all}.wrapper main .fake-page{width:100vw;height:100vh;border-radius:1rem;position:absolute;top:0;left:0;right:0;transition:.25s all;transform:translate3d(0,-250px)}.wrapper main .page{position:absolute;top:0;left:0;right:0;z-index:4;padding:5rem;background-color:#fff;color:#000;width:100vw;height:100vh;transition:.25s all;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-x:hidden}