html{height:100%;--background-dark:#312450;--background-light:#5e42a6;--background-fancy:#b74e91;--text-color:hsla(0,0%,100%,.85);--text-active:#fff;--nav-text-color:hsla(0,0%,100%,.35);--border-radius:12px;--box-shadow:4px 12px 16px rgba(0,0,0,.15)}body{font-family:Arial,Helvetica,sans-serif;font-size:13pt;min-height:100%}blockquote,body{margin:0}#container{display:grid;grid-template-columns:350px auto;inset:0;position:absolute}#main{background-color:var(--background-dark);padding:50px}#navigation{list-style-type:none;padding:0}#navigation a{border:0;color:var(--nav-text-color);display:block;font-size:.8em;font-weight:700;letter-spacing:.25em;line-height:1.75;padding:1.35em 0;position:relative;text-align:right;text-decoration:none}#navigation a:hover{border-bottom-color:#ffffff59;color:#ffffffa6}#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{border-radius:.2em;bottom:0;content:"";height:.2em;position:absolute;right:0;width:100%}#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);display:flex;flex-direction:column;font-size:1.2em;justify-content:center;padding:50px}#app-content,#app-content a{color:var(--text-color)}#app-content a{border-bottom:1px dotted hsla(0,0%,100%,.35);cursor:pointer;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{display:flex;flex-wrap:wrap;gap:25px 20px}.book,.reference,.tool{background-color:#fff;border-radius:var(--border-radius);display:inline-block;flex-grow:1;font-size:.9em;padding:25px 10px;text-align:center}.book,.tool{max-width:225px}.reference{max-width:550px}.book img,.reference img,.tool img{display:block;margin:auto}.book img,.tool img{height:auto;max-height:200px;max-width:200px;-o-object-fit:contain;object-fit:contain;width:200px}.reference img{max-height:225px;max-width:400px}.book .cover,.reference .logo,.tool .logo{display:flex;height:225px;margin:0 auto;width:225px}.book .cover,.tool .logo{height:225px;margin-bottom:5px;width:225px}.reference .logo{height:225px;width:400px}#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 (max-width:700px){#container{grid-template-columns:none;grid-template-rows:150px auto}#logo{height:100px;width:100px}#main{display:grid;grid-template-columns:auto 74px;padding:25px}#burger{color:#fff;cursor:pointer;display:inline-block;margin:38px 25px}#dropdown{display:none}.open #dropdown{background-color:#4e2e99;box-shadow:var(--box-shadow);display:block;left:0;padding:25px 50px 150px;position:absolute;right:0;top:133px}}.input-radio{border:1px solid transparent;border-radius:var(--border-radius);cursor:pointer;display:inline-block;margin:0 50px 25px 0;max-width:250px;padding:15px;text-align:center}.input-radio svg{font-size:120px}.input-radio label,.input-radio svg{cursor:pointer;display:block;margin:0 auto}.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{display:flex;flex-wrap:wrap;max-width:800px}.choices .input-radio{flex:1}.choices textarea,.input-text input{border-radius:var(--border-radius);display:block;font-size:15px;margin-bottom:20px;margin-top:10px;padding:20px 25px;width:-webkit-fill-available}.actions{margin-top:10px}.actions .btn-next{background-color:var(--background-fancy);border-radius:var(--border-radius);border-style:none;box-shadow:var(--box-shadow);color:var(--text-color);cursor:pointer;display:inline-block;font-size:1.2em;margin:0 10px 10px 0;padding:20px 35px}.actions .btn-next:hover{background-color:var(--text-color);box-shadow:4px 12px 16px #00000040;color:var(--background-fancy)!important}.actions .btn-prev{background-color:transparent;border-style:none;color:var(--text-color);cursor:pointer}.actions .btn-prev:hover{text-decoration:underline}#social a{color:var(--nav-text-color);font-size:24px;margin:5px}#social a:hover{color:var(--text-active)}