body,html{padding:0;margin:0;overflow:hidden;font-family:Sen}*{box-sizing:border-box;outline:0;-webkit-tap-highlight-color:transparent;cursor:none;user-select:none;-webkit-user-drag:none}#main{display:flex}#main .part{flex:1}#main .part .section{width:100%;height:100vh;position:relative;overflow:hidden}#main .part .section img{width:100vw;height:100vh;object-fit:cover;position:absolute;left:var(--x);pointer-events:none}.cursor,.cursor-f{width:var(--size);height:var(--size);mix-blend-mode:difference;position:absolute;pointer-events:none}.cursor{border-radius:50%;background:#fff;z-index:999}.cursor-f{top:0;left:0;background-image:url(down.svg);background-size:cover;opacity:.5}.buttons{position:absolute;right:25px;top:50%;transform:translateY(-50%);z-index:99}.buttons button{border:none;background:url(up.svg) center no-repeat;width:10px;height:30px;display:block;margin:20px 0;padding:0 15px;transition-duration:.6s}.content,h1{position:absolute;text-align:center;left:0;right:0;margin:auto;color:#fff;z-index:99}.buttons button.next{transform:scaleY(-1)}.buttons button.prev:active{transform:translateY(8px)}.buttons button.next:active{transform:scaleY(-1) translateY(8px)}h1{top:50%;transform:translateY(-50%);font-size:2.6em;mix-blend-mode:overlay;pointer-events:none}.content{width:90%;bottom:20px;font-size:.8em}.content p{margin:.5em auto}.content kbd{width:15px;height:15px;border:1px solid #fff;display:inline-block;border-radius:3px;font-size:.9em;vertical-align:text-top}.content a{color:rgba(227,227,227,.78);text-decoration:none;border-bottom:1px solid currentColor}.content a:hover{padding-bottom:1px}