*{box-sizing:border-box}body{margin:0;padding:0;background:#202222;min-height:100vh;width:100vw;overflow:hidden}#app{min-height:100vh;justify-content:flex-start;font-family:Avenir,Helvetica,Arial,sans-serif;color:#f7f7f7;padding:10px 0}#app,.loading-screen{display:flex;flex-direction:column;align-items:center}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#202222;justify-content:center;color:#fff;z-index:1000}.spinner{border:5px solid hsla(0,0%,100%,.3);border-top:5px solid #f05;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{display:flex;align-items:center;margin:5px 0 15px 0}.logo{height:45px;margin-right:15px;border-radius:60px}.header h1{font-size:2rem;margin:0}.footer{display:flex;flex-direction:column;align-items:start}.back-button{display:inline-flex;justify-content:start;align-items:start;padding:8px 20px;background:#1a1a1a;color:#fff;border-radius:25px;font-size:.85rem;font-weight:600;margin-bottom:10px;text-decoration:none}.disabled-button{background:#202222;color:#202222;pointer-events:none;opacity:.7}.flipbook-container{width:100%;flex-grow:1;height:calc(100vh - 160px)}.flipbook-style{width:95vw;max-width:1200px;height:100%;margin:0 auto;border-radius:8px}@media (max-width:768px){.header h1{font-size:.5rem}.logo{height:30px}.back-button,.disabled-button{padding:7px 16px;font-size:.8rem}.flipbook-container{height:calc(100vh - 140px)}}@media (max-width:480px){.header h1{font-size:1.2rem}.logo{height:30px}.back-button,.disabled-button{padding:6px 14px;font-size:.75rem}.flipbook-container{height:calc(100vh - 120px)}}