.canvas-class{width:100%;height:100vh;position:fixed;z-index:0;touch-action:none;-ms-scroll-chaining:none;overscroll-behavior:none}•⁠ ⁠{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}canvas{max-height:100vh;max-height:-webkit-fill-available;max-width:100vw;max-width:-webkit-fill-available;position:relative;z-index:1}body{margin:0;background-color:#000;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bg-img-container{position:fixed;top:0;left:0;height:100%;width:100%;z-index:2;overflow:hidden}.bg-img-container div{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.bg-img-container div img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.bg-img-container div.active{opacity:1}.loading-bar{width:200px;height:20px;border:2px solid #fff;position:relative;margin:auto;margin-top:20px}.loading-bar span{font-family:CustomFont;color:#fff;position:absolute;top:0;right:4px;font-size:21px}.loading-bar .progress{height:100%;transition:.3s;opacity:.2;background:#fff;-webkit-animation:flashing 2s infinite forwards;animation:flashing 2s infinite forwards}@-webkit-keyframes flashing{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}@keyframes flashing{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.dc-loading{background:#000;width:100%;height:100%;position:fixed;left:0;top:0;display:flex;align-items:end;justify-content:center;color:#fff;z-index:2}.data-container{position:relative;z-index:3;text-align:center;padding-bottom:40px}.dc-loading .logo{width:120px;border-radius:9px;padding:10px;position:fixed;left:10px;top:10px}.dc-loading p{color:#fff;font-family:CustomFont;text-align:center;font-size:46px;margin:0;margin-top:20px}.gradient{background:#520000;background:linear-gradient(0deg,#520000,rgba(0,0,0,.7) 44%,rgba(0,212,255,0));width:100%;height:100%;position:fixed;bottom:0;z-index:2}@-webkit-keyframes rotateY{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}@keyframes rotateY{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}.book{min-width:900px;width:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);z-index:3;max-width:1280px}.book-container{display:block;height:100vh;width:100%;position:relative;overflow:hidden}.paper{min-width:1300px;max-width:2200px;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}@-webkit-keyframes bookAnimation{0%{transform:translate(-50%,-45%)}50%{transform:translate(-50%,-55%)}to{transform:translate(-50%,-45%)}}@keyframes bookAnimation{0%{transform:translate(-50%,-45%)}50%{transform:translate(-50%,-55%)}to{transform:translate(-50%,-45%)}}@media (max-width:991px){.book{min-width:760px}.dc-loading p{font-size:30px;margin-top:30px}}@media (max-width:768px){.book{width:90%;min-width:500px}.paper{min-width:calc(100% + 200px)}.dc-loading p{font-size:24px;margin-top:24px}}@media (max-width:510px){.book{width:95%;min-width:95%}}@media (max-height:690px){.logo{width:50px!important}.dc-loading p{font-size:20px;margin-top:14px}.loading-bar{margin-bottom:30px}.book{height:95%;width:auto;min-width:auto;transform:translate(-50%,-48%)}@-webkit-keyframes bookAnimation{0%{transform:translate(-50%,-48%)}50%{transform:translate(-50%,-52%)}to{transform:translate(-50%,-48%)}}@keyframes bookAnimation{0%{transform:translate(-50%,-48%)}50%{transform:translate(-50%,-52%)}to{transform:translate(-50%,-48%)}}}