:root{font-family:Avenir,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}a{cursor:pointer;color:var(--primary-color);text-decoration:inherit}a:hover{color:var(--primary-color-accent)}h1,h2,h3,h4{line-height:1.2;margin-block:var(--large-space)}h1{font-size:2.8em}h2{font-size:2.2em}h3{font-size:1.6em}h4{font-size:1.2em}button{background-color:var(--surface-color);border-radius:var(--default-radius);border:1px solid var(--surface-variant);outline:none;padding:.6em 2em;font-size:1em;font-family:inherit;cursor:pointer;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out,opacity .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out}button:disabled{opacity:.6;cursor:default}form :is(input,select){padding:var(--small-space) var(--large-space)}:root{--white: rgb(240, 240, 240);--primary-color: rgb(0, 153, 204);--primary-color-variant: rgb(0, 153, 204, .7);--on-primary-color: var(--white);--primary-container: rgb(0, 92, 122);--on-primary-container: rgb(220, 240, 248);--primary-color-accent: rgb(0, 180, 235);--primary-color-alpha-50: rgba(0, 153, 204, .5);--primary-color-accent-alpha-50: rgba(0, 180, 235, .5);--outline-primary-container: var(--primary-color-alpha-50);--secondary-color: rgb(80, 183, 72);--on-secondary-color: var(--white);--secondary-container: rgb(46, 108, 42);--on-secondary-container: rgb(220, 245, 220);--secondary-color-accent: rgb(100, 210, 92);--secondary-color-alpha-50: rgba(80, 183, 72, .5);--secondary-color-accent-alpha-50: rgba(100, 210, 92 .5);--outline-secondary-container: var(--secondary-color-alpha-50);--tertiary-color: rgb(248, 152, 28);--on-tertiary-color: var(--white);--tertiary-container: rgb(150, 90, 15);--on-tertiary-container: rgb(255, 235, 210);--tertiary-color-accent: rgb(255, 175, 60);--tertiary-color-50: rgba(248, 152, 28, .5);--tertiary-color-accent-50: rgba(255, 175, 60, .5);--outline-tertiary-container: var(--tertiary-color-alpha-50);--quaternary-color: rgb(247, 236, 55);--on-quaternary-color: rgb(35, 35, 35);--quaternary-container: rgb(145, 138, 25);--on-quaternary-container: rgb(255, 250, 200);--quaternary-color-accent: rgb(255, 245, 90);--quaternary-color-alpha-50: rgba(247, 236, 55, .5);--quaternary-color-accent-alpha-50: rgba(255, 245, 90, .5);--outline-quaternary-container: var(--quaternary-color-alpha-50);--background-color: rgb(35, 35, 35);--on-background-color: rgb(225, 225, 225);--surface-color: rgb(45, 45, 45);--on-surface-color: rgb(200, 200, 200);--surface-variant: rgb(75, 75, 75);--on-surface-variant: rgb(180, 180, 180);--error-color: #ffb4ab;--on-error-color: #690005;--outline-color: rgb(120, 120, 120);--shadow-color: rgba(10, 10, 10, .7);--card-shadow-params: 0 2px 6px var(--shadow-color);--buton-shadow-params: 0px 1px 3px var(--shadow-color);--x-small-space: 2px;--small-space: 4px;--default-space: 8px;--large-space: 12px;--larger-space: 16px;--x-larger-space: 20px;--xx-larger-space: 24px;--x-small-radius: 2px;--small-radius: 4px;--default-radius: 8px;--large-radius: 12px;--larger-radius: 16px}*{scrollbar-color:var(--surface-variant) transparent}body{background-color:var(--background-color);color:var(--on-background-color)}@font-face{font-family:Armstrong;src:url(./assets/Armstrong.ttf) format("truetype");font-weight:400;font-style:normal}.primary{color:var(--primary-color)}.secondary{color:var(--secondary-color)}.tertiary{color:var(--tertiary-color)}.error{color:var(--error-color)}.button-primary,.button-secondary,.button-tertiary,.button-quaternary{border-color:transparent;padding:var(--default-space) var(--x-larger-space);box-shadow:var(--buton-shadow-params)}.button-primary{background-color:var(--primary-color);color:var(--on-primary-color)}.button-primary:hover{background-color:var(--primary-color-accent)}.button-secondary{background-color:var(--secondary-color);color:var(--on-secondary-color)}.button-secondary:hover{background-color:var(--secondary-color-accent)}.button-tertiary{background-color:var(--tertiary-color);color:var(--on-tertiary-color)}.button-tertiary:hover{background-color:var(--tertiary-color-accent)}.card{background-color:var(--primary-container);padding:var(--large-space);border:1px solid var(--primary-color);border-radius:var(--default-radius);box-shadow:var(--card-shadow-params);scrollbar-color:var(--primary-color) transparent}.card span{display:block}.card hr{margin-block:var(--small-space);border-color:var(--primary-color)}.card>:is(h1,h2,h3,h4):first-child{margin-top:0}.card :is(h1,h2,h3,h4){margin-block:var(--default-space)}.flex-container{display:flex;gap:var(--large-space)}.flex-container.flex-center{align-items:center}.flex-container.flex-end{align-items:end}.clickable{cursor:pointer}#login-layout{min-width:420px;max-width:460px;margin:24px auto;text-align:center}#login-layout .container-logo{margin:20px;filter:drop-shadow(0px 0px 8px rgba(100,100,100,.8))}#login{padding:10px;text-align:center;border:2px solid transparent;border-radius:20px;box-shadow:0 1px 6px 2px var(--shadow-color);will-change:transform,box-shadow;transition:border-color .3s ease,transform .3s ease-in-out,box-shadow .3s ease-in-out}#login:is(:hover,:focus-within){transform-origin:center;transform:scale(1.1);border-color:var(--primary-color);box-shadow:0 1px 6px 2px var(--primary-color-alpha-50)}#login-layout hr{margin-block:20px}#login hr{border-color:var(--outline-color)}#login form{display:flex;flex-direction:column;row-gap:5px}#login form input{flex:1;border-radius:16px;margin-block:var(--default-space);margin-inline:var(--small-space);min-height:20px;padding:var(--default-space);transition:border-color .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out}#login form :is(input:hover,input:focus,input:active){outline-color:var(--primary-color);border-color:var(--primary-color)}#login form :is(input:hover,input:focus,input:active)::placeholder{color:var(--white)}#login form .button-primary{margin-block:var(--default-space);margin-inline:var(--small-space)}#login form .button-primary:enabled:hover{box-shadow:0 1px 6px 0 var(--primary-color-accent-alpha-50)}#special-page-layout{display:flex;place-items:center;justify-content:center;text-align:center;min-width:320px}.navlink-family{display:flex;flex-direction:column;row-gap:var(--small-space)}.navlink-button{width:100%;height:24px;padding-block:0px;padding-inline:10px;margin:0;border:none;outline:none;display:block;color:var(--on-surface-color);background-color:transparent;text-align:center;transition:none;font-size:inherit}.navlink-button:hover{color:var(--white)}.navlink-button:focus{border:none;outline:none}.navlink-button.active{border:none;outline:none;color:var(--primary-color-accent);font-weight:700}.navlink-children{padding-left:16px;display:flex;flex-direction:column;row-gap:var(--small-space)}.arrow{float:right}.navlink-children{overflow:hidden;max-height:0;transition:max-height .3s ease}.navlink-children.open{max-height:900px}.sidebar{width:220px;min-width:220px;background:var(--surface-variant);color:var(--white);padding:var(--large-space);text-align:center}.sidebar nav{display:flex;flex-direction:column;gap:var(--default-space)}.sidebar hr{box-shadow:0 0 3px 0 var(--primary-color-alpha-50)}.sidebar a{color:var(--on-surface-color);text-decoration:none}.sidebar a:hover{color:var(--white)}.sidebar a.active{color:var(--primary-color-accent);font-weight:700}.sidebar .button-primary{width:80%;padding-block:var(--small-space);margin:0 auto}.sidebar hr{width:80%;border-color:var(--primary-color-accent-alpha-50)}.layout{display:flex;height:100vh}.layout-content{display:flex;flex-direction:column;flex:1}.page-content{flex:1;padding-block:var(--large-space);padding-inline:24px;overflow-y:auto;box-shadow:inset 0 0 6px 2px var(--shadow-color)}.page-content :is(h1,h2,h3,h4){line-height:.9}.page-content h1{font-size:1.8em}.page-content h2{font-size:1.5em}.page-content h3{font-size:1.3em}.page-content h4{font-size:1.1em}.topbar{height:56px;display:flex;align-items:center;justify-content:flex-end;background:var(--surface-variant);border-bottom:1px solid var(--surface);padding:var(--large-space) 24px}