.home-page{display:flex;padding-right:5%;padding-left:5%;flex-direction:column;align-items:center;width:100%}.title,.intro{text-align:center;max-width:800px}.title{font-weight:600;color:var(--secondary-accent)}.intro{margin-bottom:15px;font-size:18px;font-weight:400}.intro a{font-size:18px;font-weight:400}.underlined{text-decoration:underline}.centered{text-align:center;font-size:20px;font-weight:600;display:flex;justify-content:center;align-items:center;color:var(--secondary-accent)}.centered hr{width:100px;height:2px;margin:10px;background-color:var(--secondary-accent)}.text strong{font-weight:600;font-size:18px}li,li u{font-weight:400}*{background-color:transparent}.user-page{width:100%}.type-bar hr{height:1px;background-color:var(--selection-color)}.select{display:flex;justify-content:space-evenly;align-items:center;margin:4px}.select span{color:var(--selection-color);height:max-content;width:max-content;font-weight:600}.select input[type=file]{display:none}.book-selecter{height:24px;min-width:250px;border:var(--selection-border) 2px solid;border-radius:8px;padding:0 6px;display:grid;box-sizing:content-box;place-items:center}.book-selecter span{width:100%;text-align:center}#lib-select-container{display:grid;min-width:0px;width:30px;grid-template-columns:1fr;grid-template-rows:1fr;margin:0 auto 0 1px;padding:1px 0}#lib-select-bg{width:100%;text-align:center;font-size:22px;color:var(--selection-color)!important;z-index:0;grid-area:1/1/2/2}#lib-selecter{grid-area:1/1/2/2;width:100%;text-align:center;font-weight:500;border:0px;color:transparent;z-index:1;scrollbar-width:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}#lib-selecter option{color:var(--selection-border);background-color:var(--background-color)}#lib-selecter::-webkit-scrollbar{display:none}#lib-selecter:focus{outline:none}.chapter-page-selecter{width:50px;height:24px;padding:0 4px;margin:0 4px;border-radius:8px;border:var(--selection-border) 2px solid;text-align:right;font-weight:500;box-sizing:content-box;color:var(--selection-color);background-color:var(--background-color);scrollbar-width:none}.chapter-page-selecter option{color:var(--selection-border);background-color:var(--background-color)}.chapter-page-selecter::-webkit-scrollbar{display:none}.chapter-page-selecter:focus{outline:none}.stats{display:flex;justify-content:space-between;padding:0 50px;margin:12px 0 4px}.stats-span{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS;font-size:14px;font-weight:900;width:150px;color:var(--stats-color)}.type-area{margin:4px 0;width:800px;padding:10px;display:grid;place-content:center;grid-template-columns:1fr;grid-template-rows:1fr;border:2px dashed var(--typebox-border);border-radius:12px}.letters,.typebox{grid-area:1 / 1 / 1 / 1;font-size:var(--type-font-size)}.letters{z-index:0}.letter{color:var(--nontype-color);font-family:var(--type-font-family);border:1px solid transparent}.typebox{width:100%;height:100%;z-index:1;background-color:transparent;border:0;text-decoration:none;color:transparent;resize:none}.typebox:focus{outline:none}.page-num-show{display:flex;justify-content:space-evenly;align-items:center;margin-top:2px}.page-num-show span{font-weight:900;color:var(--typebox-border)}.page-num-show hr{width:300px;background-color:var(--typebox-border)}.catppuccin-mocha{--body-color: #181825;--background-color: #1e1e2e;--shadow-color: #11111b;--nav-color: #181825;--navbutton-bg: #1e1e2e;--navbutton-color: #cba6f7;--accent-color: #cba6f7;--secondary-accent: #f2cdcd;--font-color: #cdd6f4;--type-color: #cdd6f4;--nontype-color: #45475a;--typebox-border: #cdd6f4;--stats-color: #7f849c;--selection-color: #cba6f7;--selection-border: #cba6f7;--wrong-color: #f38ba8;--wrong-highlight: #f38ba860}.retro-80s{--body-color: #101124;--background-color: #1b1d36;--shadow-color: #11111b;--nav-color: #101124;--navbutton-bg: #1e1e2e;--navbutton-color: #cba6f7;--accent-color: #fca6d1;--secondary-accent: #f2cdcd;--font-color: #fca6d1;--type-color: #fca6d1;--nontype-color: #7a5266;--typebox-border: #fca6d1;--stats-color: #f2cdcd;--selection-color: #99d6ea;--selection-border: #99d6ea;--wrong-color: #f38ba8;--wrong-highlight: #f38ba860}.coffee{--body-color: #f7ce91;--background-color: #ffe4bc;--shadow-color: #e8b872;--nav-color: #a86948;--navbutton-bg: #ffe4bc;--navbutton-color: #a86948;--accent-color: #814836;--secondary-accent: #814836;--font-color: #a86948;--type-color: #a86948;--nontype-color: #d1a994;--typebox-border: #a86948;--stats-color: #a86948;--selection-color: #a86948;--selection-border: #a86948;--wrong-color: #fe5283;--wrong-highlight: #f38ba860}.voc{--body-color: #10040f;--background-color: #190618;--shadow-color: #0f050f;--nav-color: #e0caac;--navbutton-bg: #190618;--navbutton-color: #e0caac;--accent-color: #2c0c28;--secondary-accent: #e0caac;--font-color: #eeeae4;--type-color: #e0caac;--nontype-color: #5f3c29;--typebox-border: #eeeae4;--stats-color: #e0caac;--selection-color: #e0caac;--selection-border: #e0caac;--wrong-color: #fe5283;--wrong-highlight: #f38ba860}.user-page{display:flex;padding-right:5%;padding-left:5%;flex-direction:column;align-items:center;width:100%}.page-title{color:var(--font-color);font-weight:600}.settings-option{display:flex;justify-content:space-between;align-items:center;border:var(--accent-color) 1px solid;margin:2px 0;padding:0 8px 0 5px;border-radius:8px;width:100%}.blocked-text{display:block}h3.blocked-text{color:var(--font-color);font-weight:600}h4.blocked-text{color:var(--stats-color);font-weight:400}.toggle-button{background-color:var(--nav-color)!important;border:var(--accent-color) 2px solid;box-sizing:content-box}.themes-option{border:var(--accent-color) 1px solid;margin:2px 0;padding:0 8px 0 5px;border-radius:8px;width:100%}.theme-selector{display:flex;justify-content:space-evenly;flex-wrap:wrap;align-items:center;margin:10px;padding:0 8px 0 5px;border-radius:8px;width:100%}.theme-selector button{border:3px solid;padding:2px 5px;border-radius:4px;font-weight:500}.catppuccin-theme{background-color:#1e1e2e;color:#cdd6f4;border-color:#cba6f7!important}.voc-theme{background-color:#190618;color:#e0caac;border-color:#2c0c28!important}.retro-theme{background-color:#1b1d36;color:#fca6d1;border-color:#fca6d1!important}.coffee-theme{background-color:#ffe4bc;color:#a86948;border-color:#a86948!important}.theme-selector-btn:hover{background-color:#cdd6f4}.save-button{border:var(--accent-color) 3px solid;margin:10px;padding:2px 5px;border-radius:4px;width:50%;font-weight:700}.save-button:hover{border-color:#cdd6f4}:root{--type-font-size: 16px;--type-font-family: "Lexend"}*{box-sizing:border-box;margin:0;padding:0;font-family:Lexend;font-weight:200;font-size:15px;color:var(--font-color);resize:none;transition:all .3s}body{background-color:var(--body-color);height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}a{color:inherit;text-decoration:none;width:min-content}h1{font-size:30px}h2{font-size:24px}h3{font-size:18px}h4{font-size:14px}ul{list-style-position:inside;list-style-type:square}hr{height:2px;background-color:var(--accent-color);border:0;z-index:2}button{cursor:pointer}.inkflow-logo{font-family:Courier New,Courier,monospace;font-size:20px;color:var(--font-color)}.icons{height:24px;width:24px;color:inherit}.app{max-width:1000px;height:100vh;height:100dvh;background-color:var(--background-color);box-shadow:0 0 30px 10px var(--shadow-color)}.navbar{display:flex;justify-content:space-between;align-items:center;height:32px;padding:0 3px;background-color:var(--nav-color)}.navbar img{display:block;margin:0 10px;width:180px;height:22px}.nav-buttons{height:100%;display:flex;justify-content:center}.nav-buttons button{box-sizing:content-box;padding:0 10px;height:32px;border:0;background-color:transparent;font-size:15px;font-weight:700;border:transparent 2px solid;border-bottom:0px;border-bottom-color:transparent;z-index:0;color:var(--accent-color)}.pages{margin:30px auto 0;display:flex;justify-content:center;width:900px}@media screen and (max-width: 950px){*{font-size:13px}.app{width:800px}.pages,.type-area{width:750px}}