*{margin:0;padding:0}body{background:#252527;margin:0!important}canvas{background-size:cover;display:block}.menu{width:auto;color:#fffc;background:0 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1em;font-weight:200;position:fixed}li{-webkit-user-select:none;user-select:none;margin-top:1em;margin-left:1em;padding:.2em .5em}.loading{height:160px;width:170px;height:100vh;width:100vw;opacity:1;background:#1f1f1f;justify-content:center;align-items:center;margin:0;padding:0;transition:opacity 1.2s ease-out;display:flex;position:fixed;top:0;left:0}.hide{display:none}.transit{opacity:0}.circle{width:100px;height:100px;opacity:.7;border-radius:69%;margin:2em;position:absolute}.cyan{border-top:5px solid #264490;animation:cyan 1.5s infinite;top:0}.cyan:after{content:"";width:10px;height:10px;background:#264490;border-radius:69%;position:absolute;top:10px;right:5px;box-shadow:0 0 20px #264490}.cyan:before{content:" ";width:5px;height:5px;background:#264490;border-radius:69%;position:absolute;top:10px;left:11px}.magenta{border-top:5px solid #7e001e;animation:magenta 1.5s infinite;bottom:0;left:0}.magenta:after{content:"";width:10px;height:10px;background:#7e001e;border-radius:69%;position:absolute;top:10px;right:5px;box-shadow:0 0 20px #7e001e}.magenta:before{content:" ";width:5px;height:5px;background:#7e001e;border-radius:69%;position:absolute;top:10px;left:11px}.yellow{border-top:5px solid #e4970a;animation:yellow 1.5s infinite;bottom:0;right:0}.yellow:after{content:"";width:10px;height:10px;background:#e4970a;border-radius:69%;position:absolute;top:10px;right:5px;box-shadow:0 0 20px #e4970a}.yellow:before{content:" ";width:5px;height:5px;opacity:.8;background:#e4970a;border-radius:69%;position:absolute;top:10px;left:11px}@keyframes cyan{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes magenta{0%{transform:rotate(240deg)}to{transform:rotate(600deg)}}@keyframes yellow{0%{transform:rotate(120deg)}to{transform:rotate(480deg)}}p{color:#eee;letter-spacing:.15em;font-family:roboto,sans-serif;font-size:1.5em;font-weight:100;position:absolute;top:175px}.chapter{color:#ccc;letter-spacing:.15em;text-align:end;opacity:0;background:#1d1d1d;padding:1em;font-family:inherit;font-size:1em;font-weight:200;line-height:1.2em;position:fixed;top:3em;left:0}.opacity-1{opacity:1;transition:opacity 1.6s ease-out}.opacity-0{opacity:0;transition:opacity .3s ease-out}#start{color:#eee;letter-spacing:.25em;z-index:100;-webkit-user-select:none;user-select:none;z-index:0;background:#000;padding:20px;font-family:roboto,sans-serif;font-size:2em;font-weight:200;transition:opacity 1.2s ease-out;position:absolute;top:10%;left:5%}#start:hover{cursor:pointer}.disabled{opacity:0}.enabled{opacity:.8}.counter{color:#fff;position:fixed;top:40px;left:30px}.counter-value{transform-origin:0 100%;transform:skew(20deg,0);height:1em;padding-right:30px;position:absolute;overflow:hidden}.counter-value-mask{transform-origin:0 100%;line-height:1em;position:absolute;overflow:hidden;transform:skew(-20deg)}.nohighlights{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}button{color:#fff;cursor:pointer;background:0 0;border:0;padding:0}ul{margin:0;padding:0;list-style:none}li{list-style-type:none}a{text-decoration:none}#root{height:100%}.wrapper{height:100%;width:100%;justify-content:center;align-items:center;display:flex}.title{color:#fff}.menu-btn{color:#fff;width:40px;height:40px;opacity:0;pointer-events:none;padding:4px;transition:opacity .3s ease-out;position:absolute;top:.2rem;right:.2rem}.menu-btn-close{opacity:0;pointer-events:none;z-index:10;transition:opacity .3s ease-out,transform .3s ease-out;transform:rotate(180deg)}.menu-btn--active{opacity:1;pointer-events:auto}.menu-btn-close.menu-btn--active{transform:rotate(0)}.menu-btn svg{width:100%;height:100%;fill:currentColor}.menu{pointer-events:none;color:#fff;grid-template:"item3 item2 item1"60%"item4 item5 item1"40%/20% 30% 50%;display:grid;position:fixed;inset:0}.menu-panel{opacity:0;transition:opacity .5s ease-in}.menu--open{pointer-events:auto;opacity:1;transition:opacity .5s ease-in;overflow:scroll}.menu-item-inner{width:100%;height:100%;justify-content:center;align-items:center;display:flex}.align-top{align-items:start}.menu-item--1{grid-area:item1}.menu-item--2{grid-area:item2}.menu-item--3{grid-area:item3}.menu-item--4{grid-area:item4}.menu-item--5{grid-area:item5}.menu-item--1 .menu-item-inner{background-color:#1d1d1d}.menu-item--2 .menu-item-inner{background-color:#181a33}.menu-item--3 .menu-item-inner{background-color:#0f1013}.menu-item--4 .menu-item-inner{background-color:#1d2027}.menu-item--5 .menu-item-inner{background-color:#0f1013}.mainmenu{counter-reset:menuitem}.mainmenu-item,.sidemenu-item{letter-spacing:.15rem;margin:.25rem 0;font-size:.85rem;position:relative;overflow:hidden}a.mainmenu-link.darker{color:#3b3b3b}.darker:hover{color:#3b3b3b;cursor:default}.mainmenu-link,.sidemenu-link{color:#ccc;font-size:calc(1rem + .2vw);transition:color .1s;transform:translateY(100%)}.mainmenu-link{opacity:0;margin:.5rem 0;padding:0 .25rem;font-size:calc(2rem + .5vw);position:relative;transform:none}@media only screen and (max-width:720px){.menu-link,.mainmenu-link{font-size:calc(1.2rem + .5vw)}.chapter{font-size:.7em;top:4.9em}}.mainmenu-link:before{color:#666;font-size:.85rem;position:absolute;top:25%;left:-1.25rem}.cross-over:hover:after{content:"";width:100%;height:6px;transform-origin:100%;opacity:0;background:#f20c40;margin-top:-3px;transition:all .3s;display:block;position:absolute;top:50%;transform:scaleX(0)}.mainmenu-link:hover{color:#fff}.mainmenu-link:hover:after{opacity:1;transform:scaleX(1)}.sidemenu-link:hover{color:#f20c40}.enlarged-menu-1{transform-origin:50% 0;z-index:2;transform:scale(2)translate(-25%)!important}.normal-menu-1{z-index:1;transform:scale(1)translate(0%)!important}.link-svg{vertical-align:middle;display:inline-flex}@keyframes visible{0%{opacity:0}to{opacity:1}}@keyframes invisible{0%{opacity:0}to{opacity:1}}.visible{animation:visible .3s}.invisible{animation:invisible .3s}
/*# sourceMappingURL=index.33f94d5e.css.map */