html{--background-dark:#312450;--background-light:#5e42a6;--background-fancy:#b74e91;--text-color:#ffffffd9;--text-active:#fff;--nav-text-color:#ffffff59;--border-radius:12px;--box-shadow:4px 12px 16px #00000026;height:100%}body{min-height:100%;font-family:Arial,Helvetica,sans-serif;font-size:13pt}blockquote,body{margin:0}#container{grid-template-columns:350px auto;display:grid;position:absolute;inset:0}#main{background-color:var(--background-dark);padding:50px}#navigation{padding:0;list-style-type:none}#navigation a{color:var(--nav-text-color);letter-spacing:.25em;text-align:right;border:0;padding:1.35em 0;font-size:.8em;font-weight:700;line-height:1.75;text-decoration:none;display:block;position:relative}#navigation a:hover{color:#ffffffa6;border-bottom-color:#ffffff59}#navigation a:before{background:#3c2c62}#navigation a.router-link-exact-active:before,#navigation a:hover:before{background-image:linear-gradient(to right,var(--background-light),var(--background-fancy))}#navigation a:after,#navigation a:before{content:"";border-radius:.2em;width:100%;height:.2em;position:absolute;bottom:0;right:0}#navigation a:after{max-width:0}#navigation a.router-link-exact-active{color:#fff}.router-link-exact-active{cursor:default}#app-content{background-color:var(--background-light);flex-direction:column;justify-content:center;padding:50px;font-size:1.2em;display:flex}#app-content,#app-content a{color:var(--text-color)}#app-content a{cursor:pointer;border-bottom:1px dotted #ffffff59;text-decoration:none}#app-content a:hover{border-bottom-style:none}#app-content a:hover,#app-content h1,#app-content h2{color:var(--text-active)}#app-content h1{font-size:1.75em}#app-content h2{font-size:1.5em}#app-content h3{font-size:1.25em}#burger{display:none}.books,.references,.tools{flex-wrap:wrap;gap:25px 20px;display:flex}.book,.reference,.tool{text-align:center;border-radius:var(--border-radius);background-color:#fff;flex-grow:1;padding:25px 10px;font-size:.9em;display:inline-block}.book,.tool{max-width:225px}.reference{max-width:550px}.book img,.reference img,.tool img{margin:auto;display:block}.book img,.tool img{width:200px;max-width:200px;max-height:200px}.book img,.reference img,.tool img{-o-object-fit:contain;object-fit:contain;height:auto}.reference img{width:100%;max-width:400px;max-height:225px}.book .cover,.reference .logo,.tool .logo{width:225px;height:225px;margin:0 auto;display:flex}.book .cover,.tool .logo{width:225px;height:225px;margin-bottom:5px}.reference .logo{width:350px;height:225px}#app-content .book a,#app-content .reference a,#app-content .tool a{color:var(--background-dark)}#app-content .book a:hover,#app-content .reference a:hover,#app-content .tool a:hover{text-decoration:underline}@media only screen and (width<=700px){#container{grid-template-rows:150px auto;grid-template-columns:none}#logo{width:100px;height:100px}#main{grid-template-columns:auto 74px;padding:25px;display:grid}#burger{color:#fff;cursor:pointer;margin:38px 25px;display:inline-block}#dropdown{display:none}.open #dropdown{box-shadow:var(--box-shadow);background-color:#4e2e99;padding:25px 50px 150px;display:block;position:absolute;top:133px;left:0;right:0}}.input-radio{text-align:center;cursor:pointer;border-radius:var(--border-radius);border:1px solid #0000;max-width:250px;margin:0 50px 25px 0;padding:15px;display:inline-block}.input-radio svg{font-size:120px}.input-radio label,.input-radio svg{cursor:pointer;margin:0 auto;display:block}.input-radio:hover{border:1px dashed var(--text-active);color:var(--text-active)!important}.input-radio.selected{background-color:var(--text-active);border:1px solid var(--text-active);color:var(--background-light)!important}.input-radio.selected,.input-radio:hover{box-shadow:var(--box-shadow)}.input-radio label{font-size:.9em}.choices{flex-wrap:wrap;max-width:800px;display:flex}.choices .input-radio{flex:1}.choices textarea,.input-text input{border-radius:var(--border-radius);width:-webkit-fill-available;margin-top:10px;margin-bottom:20px;padding:20px 25px;font-size:15px;display:block}.actions{margin-top:10px}.actions .btn-next{color:var(--text-color);background-color:var(--background-fancy);border-radius:var(--border-radius);cursor:pointer;box-shadow:var(--box-shadow);border-style:none;margin:0 10px 10px 0;padding:20px 35px;font-size:1.2em;display:inline-block}.actions .btn-next:hover{background-color:var(--text-color);box-shadow:4px 12px 16px #00000040;color:var(--background-fancy)!important}.actions .btn-prev{color:var(--text-color);cursor:pointer;background-color:#0000;border-style:none}.actions .btn-prev:hover{text-decoration:underline}#social a{color:var(--nav-text-color);margin:5px;font-size:24px}#social a:hover{color:var(--text-active)}