@font-face{font-family:Lato;src:url("./fonts/Lato-Regular.ttf")}@font-face{font-family:"Bebas Neue";src:url("./fonts/BebasNeue-Regular.ttf")}:root{--bg:#222222;--text:#ffffff;--link:#dd9922;--li-bg:#3b3b3b}@keyframes window-appear{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}#version{display:none}body{background:var(--bg);color:var(--text);font-family:Lato;margin:auto;padding:0;font-size:16px;line-height:1.6em}.body{margin:auto;padding:2em 0;width:40%}:focus{outline:0!important}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;scrollbar-width:thin;scrollbar-color:var(--dark-grey) var(--clear-grey)}label{pointer-events:none}input[type=checkbox]{border:none;pointer-events:none;margin:0 5px}ul{padding:0}li{list-style:none;padding:.5em 1em;margin-bottom:3px;background:var(--li-bg);border-radius:5px}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:initial}::-webkit-scrollbar-thumb{background:#356745;border-radius:10px;border:2px solid #356745}h1,h2,h3,h4,h5,h6{font-family:"Bebas Neue";max-width:calc(100% - 1em);line-height:normal}a{color:var(--link);text-decoration:initial;cursor:pointer}blockquote{margin:1em 0 auto 3em;font-size:.9em;text-align:left;padding:.2em 1em;background:#0066ff1f;border-radius:10px;line-height:1.3em;width:calc(100% - 5em)}blockquote h4{text-align:right;margin:1em auto auto;font-size:1.5em;border-bottom:1px solid;padding-bottom:.5em;width:100%;max-width:initial}blockquote.warning{background:#511b1b;color:#f1d6b8}blockquote.info,blockquote.note{color:#a0e4ff}button{background-color:#eee;border:none;font-size:1em;font-family:Lato;line-height:0;padding:1.3em;border-radius:8px;cursor:pointer;transition:background-color .2s,color .2s;margin:auto}button:hover{background-color:#151515;color:#eee}button:disabled,button:disabled:hover{cursor:not-allowed;pointer-events:none}h1.title{font-size:4em;text-align:center;margin:1em auto;padding-bottom:1em;border-bottom:1px solid}h2.chapter{text-align:center;margin:auto auto 1em;font-size:2.5em}h3{font-size:1.8em}h4{font-size:1.3em}table{border:2px solid #757474;border-radius:10px;padding:0;border-spacing:0;overflow:hidden}th{background:#454545;border:none;border-spacing:0;border-collapse:collapse;text-align:left;padding:.5em 1em}td{padding:.5em 1em;border-bottom:1px solid #696666}tr.even td{background:#2d2d2d}tr.odd td{background:#1a1a1a}tr:last-child td{border-bottom:none}.footer{position:fixed;bottom:0;display:flex;left:0;width:100%}.footer button:first-child{margin-left:0;font-size:.8em;padding:.9em;border-radius:0 6px 0 0}.footer button.chapter:last-child{font-size:.8em;padding:0 1em;border-radius:6px 0 0;margin:inherit;margin-left:auto;margin-right:0}.books{display:grid;grid-template-columns:auto;height:calc(100vh - 4em)}.books button{font-family:"Bebas Neue";font-size:2em}.book .chapters{display:flex;align-items:center;align-content:center;margin-top:1em;padding:1em}.book button{margin:auto}.book button:first-child{margin-left:0}.book button:last-child{margin-right:0}.about{width:calc(100% - 2em);padding:1em 1em 3em;background:#2b2b2b;margin-top:2em;font-style:italic}.about p{width:40%;margin:1em auto}.about p.note{text-align:right;font-size:.9em;line-height:1.4em;color:#6b6b6b}.about p:first-child{margin-top:0}.pages-menu{position:fixed;top:0;left:0;background:#121212;padding:1em;width:50%;margin-top:10vh;margin-left:calc(25% - 1em);border-radius:6px;box-shadow:0 0 6px 0 #00000061}.pages-menu .head{display:flex;border-bottom:1px solid;padding-bottom:1em;margin-bottom:1em}.pages-menu .head h1{margin:auto auto auto 0}.pages-menu .head button.close{margin-right:0;border-radius:50px;padding:19px 14px}.pages-menu .body{width:initial;overflow:auto;max-height:70vh;padding:0}.pages-menu button.page-button{width:100%;margin:2px 0;text-align:left;border-radius:2px;line-height:1.3em}.pages-menu button.page-button:first-child{border-radius:8px 8px 2px 2px}.pages-menu button.page-button:last-child{border-radius:2px 2px 8px 8px}.about .medias{display:flex;justify-content:right;margin-right:1em;margin-top:1em}.about .medias a{margin:0 .5em}.about .medias a img{width:36px;filter:saturate(0)}.advice-page{text-align:center;margin-top:2em;margin-bottom:3em}.advice-form{position:fixed;top:0;left:0;background:var(--bg);margin:4em 1em 1em;padding:2em;border-radius:8px;box-shadow:0 0 18px #00000080;width:50%;margin-left:calc(25% - 2em);max-height:80vh;overflow:auto;z-index:1}.advice-form.appears{animation:.2s ease-in-out window-appear}.advice-form.reverse{animation:.2s ease-in-out reverse window-appear}.advice-form h2{margin-top:0}.advice-form .advice-footer{display:flex;justify-content:center}label.input-container{pointer-events:initial;display:flex;width:100%;margin:1em 0}label.input-container span{min-width:fit-content;margin-right:1em}input,textarea{background:#1a1a1a;border:none;border-bottom:1px solid #5d5d5d;color:var(--text);font-family:Lato;font-style:italic;font-size:1em;padding:.8em 1.5em;margin:auto;border-radius:5px 5px 0 0}.advice-form input{margin-right:0;width:100%}.advice-form button.close{margin-right:1em;border-radius:50px;padding:19px 14px;position:absolute;right:0;top:0;margin-top:1em}.advice-form textarea{width:calc(100% - 3em)}.advice-form button.send{display:flex;align-items:center}.advice-form button.send .spinner{margin-left:1em}@media (max-width:1450px){.about p,.body{width:55%}}@media (max-width:1250px){.about p,.body,.pages-menu{width:75%}.pages-menu{margin-left:calc(12.5% - 1em)}.advice-form{width:60%;margin-left:calc(22.5% - 2em)}}@media (max-width:800px){.about p,.body{width:80%}.footer button:first-child{padding-left:2em;padding-bottom:2em}.footer button.chapter:last-child{padding-right:3em;padding-bottom:1em}.advice-form{width:calc(100% - 6em);margin-left:1em}}@media (max-width:600px){.about p,.body{width:calc(100% - 2em)}.pages-menu,blockquote{width:calc(100% - 4em);margin-left:1em}.books{grid-template-columns:auto}label.input-container{flex-direction:column}label.input-container span{min-width:fit-content;margin-right:initial;margin-bottom:.5em}.advice-form input{width:calc(100% - 3em)}}@media (max-width:430px){.advice-page button{line-height:1em;padding:.8em 1.3em}}@media (max-width:370px){h1.title{font-size:2.5em}h2.chapter{font-size:2em}h3{font-size:1.5em}.book .chapters{flex-direction:column}.book button:first-child{margin-left:auto}.book button:last-child{margin-right:auto;margin-top:1em}}