*{box-sizing:content-box;padding:0;margin:0}#root{background-color:#000;height:100vh;width:100vw}.feedback{display:flex;flex-direction:row;justify-content:center;gap:1.5em;margin-top:1em}.content-wrapper{position:absolute;top:calc(50% - 30px);left:50%;transform:translate3d(-50%,-50%,0)}#help{position:absolute;bottom:52px;right:12px}.info{font-family:Satoshi,sans-serif;color:#fff;text-align:center;-webkit-user-select:none;user-select:none}.top-bar{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center}#title{font-family:Satoshi,sans-serif;font-weight:bolder;color:#fff;font-size:clamp(1rem,-.875rem + 8.333vw,4rem);max-width:10em;text-align:center;-webkit-user-select:none;user-select:none;display:flex;flex-direction:row}#title #author{font-size:clamp(1rem,-.875rem + 8.333vw,2rem)}#title #picture{margin-top:.5em;width:3em;filter:grayscale(1)}.arrow-wrapper{position:absolute;top:50%;transform:translate3d(0,-50%,0);display:flex;justify-content:center;align-items:center;flex-direction:column}.arrow{cursor:pointer;color:#fff}.arrow svg{width:2em;height:2em}.previous{left:30px}.next{right:30px}.key-wrapper{display:flex;gap:25px;width:fit-content}.key{display:inline-flex;justify-content:center;align-items:self-end;font-family:Satoshi,sans-serif;font-size:.9em;border:1px solid #fff;border-radius:7px;color:#fff;width:34px;height:25px;padding-bottom:8px;-webkit-user-select:none;user-select:none;box-shadow:0 1px 0 1px #fff;transition:.8s cubic-bezier(.16,1,.3,1);align-self:center}.key.long{width:fit-content;padding:0 14px 8px}.description{font-family:Satoshi,sans-serif;color:#fff;align-self:center}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff;border-radius:3px}.panel{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:700px;height:50%;border:1px solid rgba(255,255,255,.5);background-color:#000000e6;border-radius:.5em;padding:0 3em 2em;overflow-y:scroll;scrollbar-color:#fff transparent;scrollbar-width:thin}.keys{display:flex;flex-direction:column;row-gap:1em}.key-category{font-family:Satoshi,sans-serif;font-weight:700;color:#fff;margin:2em 0 .5em}.separator{height:1px;width:100%;background-color:#fff;margin-bottom:1em}.action-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}.action{border:2px solid white;border-radius:100%;width:3em;height:3em;display:flex;justify-content:center;align-items:center;cursor:pointer;outline:none}.action svg{color:#fff;width:1.2em;transition:color .6s cubic-bezier(.16,1,.3,1)}.action.star,.action.book-open,.action.cross,.action.check{opacity:.6;transition:opacity .6s cubic-bezier(.16,1,.3,1),border .6s cubic-bezier(.16,1,.3,1)}.action.star:hover,.action.book-open:hover,.action.cross:hover,.action.check:hover{opacity:1}.star.toggled{opacity:1;border:2px solid #ffdc62}.star.toggled svg{color:#ffdc62}.book-open.toggled{opacity:1}.cross.toggled{opacity:1;border:2px solid #FF4D4D}.cross.toggled svg{color:#ff4d4d}.check.toggled{opacity:1;border:2px solid #13F287}.check.toggled svg{color:#13f287}#timeline{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1em;position:absolute;left:50%;bottom:60px;transform:translate3d(-50%,0,0)}#timeline #line{height:1px;width:99.9%;position:absolute;top:50%;left:0;content:"";z-index:-2;transform:translate3d(0,-50%,0)}.checkpoint-wrapper{position:relative;height:15px}.date{font-family:Satoshi,sans-serif;color:#72737a;width:max-content;position:absolute;bottom:-35px;left:50%;transform:translate3d(-50%,0,0)}.date.passed{color:#367f5e}.date.failed{color:#903c3c}.date.starred{color:#8d7f52}.date.past{color:#72737a}.checkpoint{display:inline-block;background-color:#000;width:13px;height:13px;content:"";transition:background-color .8s cubic-bezier(.16,1,.3,1),border .8s cubic-bezier(.16,1,.3,1),border-radius .8s cubic-bezier(.16,1,.3,1);cursor:pointer}.checkpoint.last{display:flex;align-items:center;justify-content:center;width:22px;height:22px;transform:translate3d(0,-5px,0);color:#fff}.checkpoint.last svg{width:.9em}.checkpoint.current.last svg{color:#000}.checkpoint.incomplete{border:1px solid #fff}.checkpoint.previous{border:1px solid #72737a}.checkpoint.passed{border:1px solid #13F287}.checkpoint.failed{border:1px solid #FF4D4D}.checkpoint.starred{border:1px solid #FFE073}.checkpoint.past{border:1px solid #72737a}.checkpoint.normal{border-radius:5px}.checkpoint.current,.checkpoint.previous,.checkpoint.past{border-radius:100%}.checkpoint.current{border:1px solid #fff;background-color:#fff}.checkpoint.current.passed{border:1px solid #13F287;background-color:#13f287}.checkpoint.current.failed{border:1px solid #FF4D4D;background-color:#ff4d4d}.checkpoint.current.starred{border:1px solid #FFE073;background-color:#ffe073}.checkpoint.past.passed,.checkpoint.previous.passed{border:1px solid #367f5e!important}.checkpoint.past.failed,.checkpoint.previous.failed{border:1px solid #903c3c!important}.checkpoint.past.starred,.checkpoint.previous.starred{border:1px solid #8d7f52!important}