.header{background-color:var(--color-background-dark);width:100%}.header-content-horizontal-layout{padding:1em;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header-content-vertical-layout{padding:1em;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.header-element{display:flex;flex-direction:row;align-items:center;white-space:nowrap}.header-element-container{width:100%;display:flex;flex-direction:row;justify-content:space-between}.header-button{height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-background-light);border:none;border-radius:5px;cursor:pointer}.header-button:hover{background:var(--color-primary-light)}.header-button.active{background-color:var(--color-background-card-hover)}.horizontal-menu{display:flex;flex-direction:row;gap:1em}.vertical-menu{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:.5em}.vertical-menu button{width:100%}.menu-toggle-button{font-size:1.5em;margin-left:auto;background:none;border:none;color:var(--color-primary);cursor:pointer}.menu-toggle-button:hover{background:none}.hidden{display:none}@media (max-width: 768px){.header-content-horizontal-layout{flex-direction:column}.header-element{width:100%;justify-content:space-between}.vertical-menu{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:1em}}.alpha-warning{background-color:var(--color-background-card-hover);color:var(--color-font-warning);text-align:center;font-size:.9rem;margin:1em 0;padding:1em}.logout-button{padding:.75em 2em;color:var(--color-font-primary);background-color:var(--color-primary);border:none;border-radius:.5em;cursor:pointer;transition:background-color .2s ease}.logout-button:hover{background-color:var(--color-primary-dark)}.language-selector{color:var(--color-font-primary);background-color:var(--color-background-card);padding:.5rem;border-radius:.5rem;border:solid 1px var(--color-font-primary)}.footer{background-color:var(--color-background-card);width:100%;text-align:center;padding:1rem 0}.footer-content-horizontal-layout{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}.footer-content-vertical-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.footer-element{margin:.5em 1em}html,body{margin:0;padding:0;min-height:100vh;width:100%;box-sizing:border-box;font-family:Arial,sans-serif;color:var(--color-font-primary);background-color:var(--color-background-dark)}button{background-color:var(--color-background-card);border:none;border-radius:.5em;padding:1em;color:var(--color-font-primary);transition:var(--transition-time)}button:hover{background-color:var(--color-background-card-hover);transition:var(--transition-time);cursor:pointer}.app{width:100%;min-height:84vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-content{width:100%;max-width:100em!important}:root{--color-primary: #cc0000;--color-primary-dark: #7e0000;--color-primary-muted: #757575;--color-secondary: #c0c0c0;--color-secondary-dark: #a0a0a0;--color-background-dark: #000000;--color-background-card: #24232b;--color-background-card-hover: #422222;--color-background-warning: #ffa500;--color-background-success: #00a349;--color-background-error: #be004f;--color-background-disabled: #646363;--color-background-cold: #0095a8;--color-font-primary: #cddaff;--color-font-primary-muted: #7e88a1;--color-font-warning: #ffd68a;--color-font-success: #aaff90;--color-font-error: #ffb3b3;--color-font-red: var(--color-font-error);--color-font-yellow: var(--color-font-warning);--color-font-green: var(--color-font-success);--color-font-blue: #8adaff;--color-background-blue: var(--color-background-cold);--color-background-yellow: var(--color-background-warning);--color-background-red: var(--color-background-error);--transition-time: .25s;--border-radius: .5em}h1,h2,h3,h4,h5,h6{font-variant:small-caps}