html{--border-color: #e3f4fe;--dark-color: #18405d;--text-color: #18405d;--primary-color: #00415f;--primary-dark-color: #003750;--secondary-color: #08ebb1;--background-color: #f3fbff;--blue-color: #006BFF;--light-blue-color: #89DAFC;--extra-light-blue-color: #C7EDFE;--gradiant-background: linear-gradient(135deg, #075174, #003750);--success-color: #6ce8b5;--warning-color: #ffcc70;--error-color: #e86767;--multiplechoice-option-1-color: #f3fbff;--multiplechoice-option-1-hover-color: #f3fbff;--multiplechoice-option-2-color: #89dafc;--multiplechoice-option-2-hover-color: #89dafc;--multiplechoice-option-3-color: #08ebb1;--multiplechoice-option-3-hover-color: #08ebb1;--multiplechoice-option-4-color: #3b5fff;--multiplechoice-option-4-hover-color: #3b5fff;--multiplechoice-option-text-color: #00415f;--spacing-xs: .25rem;--spacing-s: .5rem;--spacing: 1rem;--spacing-l: 2rem;--spacing-xl: 3rem;--spacing-xxl: 5rem;--spacing-xxxl: 8rem;--spacing-xxxxl: 13rem;--font-family: "Museo Sans Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--border: 1px solid var(--secondary-color);--border-radius: 5px;--border-radius-l: 50px;--nav-width: var(--spacing-xxxxl);--nav-width-collapsed: 72px}html{color-scheme:light;--mat-sys-background: light-dark(#fef8fc, #151316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f5eff4, #323033);--mat-sys-inverse-primary: light-dark(#d5baff, #7d00fa);--mat-sys-inverse-surface: light-dark(#323033, #e6e1e6);--mat-sys-on-background: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #42008a);--mat-sys-on-primary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-primary-fixed: light-dark(#270057, #270057);--mat-sys-on-primary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-on-secondary: var(--text-color);--mat-sys-on-secondary-container: light-dark(#4b4357, #eadef7);--mat-sys-on-secondary-fixed: light-dark(#1f182a, #1f182a);--mat-sys-on-secondary-fixed-variant: light-dark(#4b4357, #4b4357);--mat-sys-on-surface: var(--text-color);--mat-sys-on-surface-variant: light-dark(#49454e, #e8e0eb);--mat-sys-on-tertiary: light-dark(#ffffff, #42008a);--mat-sys-on-tertiary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-tertiary-fixed: light-dark(#270057, #270057);--mat-sys-on-tertiary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-outline: var(--border-color);--mat-sys-outline-variant: light-dark(#cbc4cf, #49454e);--mat-sys-primary: var(--primary-color);--mat-sys-primary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-primary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-primary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: var(--secondary-color);--mat-sys-secondary-container: light-dark(#eadef7, #4b4357);--mat-sys-secondary-fixed: light-dark(#eadef7, #eadef7);--mat-sys-secondary-fixed-dim: light-dark(#cec2db, #cec2db);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: var(--background-color);--mat-sys-surface-bright: light-dark(#fef8fc, #3b383c);--mat-sys-surface-container: light-dark(#f2ecf1, #211f22);--mat-sys-surface-container-high: light-dark(#ede6eb, #2b292d);--mat-sys-surface-container-highest: light-dark(#e6e1e6, #363437);--mat-sys-surface-container-low: light-dark(#f8f2f6, #1d1b1e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d11);--mat-sys-surface-dim: light-dark(#ded8dd, #151316);--mat-sys-surface-tint: light-dark(#7d00fa, #d5baff);--mat-sys-surface-variant: light-dark(#e8e0eb, #49454e);--mat-sys-tertiary: light-dark(#7d00fa, #d5baff);--mat-sys-tertiary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-tertiary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-tertiary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem var(--font-family);--mat-sys-body-large-font: var(--font-family);--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem var(--font-family);--mat-sys-body-medium-font: var(--font-family);--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem var(--font-family);--mat-sys-body-small-font: var(--font-family);--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem var(--font-family);--mat-sys-display-large-font: var(--font-family);--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem var(--font-family);--mat-sys-display-medium-font: var(--font-family);--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem var(--font-family);--mat-sys-display-small-font: var(--font-family);--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem var(--font-family);--mat-sys-headline-large-font: var(--font-family);--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem var(--font-family);--mat-sys-headline-medium-font: var(--font-family);--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem var(--font-family);--mat-sys-headline-small-font: var(--font-family);--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem var(--font-family);--mat-sys-label-large-font: var(--font-family);--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem var(--font-family);--mat-sys-label-medium-font: var(--font-family);--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem var(--font-family);--mat-sys-label-small-font: var(--font-family);--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem var(--font-family);--mat-sys-title-large-font: var(--font-family);--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem var(--font-family);--mat-sys-title-medium-font: var(--font-family);--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem var(--font-family);--mat-sys-title-small-font: var(--font-family);--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}.mat-mdc-form-field,.mat-mdc-text-field-wrapper,.mat-mdc-form-field-input-control,mat-label,.mdc-text-field,.mat-mdc-input-element{font-family:var(--font-family)!important}.mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,.mat-mdc-form-field.mat-focused .mat-mdc-notched-outline .mdc-notched-outline__leading,.mat-mdc-form-field.mat-focused .mat-mdc-notched-outline .mdc-notched-outline__notch,.mat-mdc-form-field.mat-focused .mat-mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--border-color)!important}.mat-mdc-checkbox,.mdc-checkbox,.mdc-form-field,.mat-mdc-checkbox label,.mat-mdc-slide-toggle,.mdc-switch,.mat-mdc-slide-toggle label{font-family:var(--font-family)!important}mat-icon{margin-right:0!important;margin-left:0!important}mat-icon.small{transform:scale(.8)}mat-icon.extra_small{transform:scale(.6)}mat-icon.primary{color:var(--primary-color)}mat-icon.secondary{color:var(--secondary-color)}mat-icon.warning{color:var(--warning-color)}mat-icon.error{color:var(--error-color)}mat-icon.success{color:var(--success-color)}mat-icon.white{color:#fff}.warning .mat-mdc-snackbar-surface{background-color:var(--warning-color)!important;color:var(--text-color)!important}mat-spinner.background svg,mat-spinner.background svg circle,mat-spinner.background .mdc-circular-progress__determinate-circle,mat-spinner.background .mdc-circular-progress__indeterminate-circle-graphic{stroke:var(--background-color)!important}mat-spinner.primary svg,mat-spinner.primary svg circle,mat-spinner.primary .mdc-circular-progress__determinate-circle,mat-spinner.primary .mdc-circular-progress__indeterminate-circle-graphic{stroke:var(--primary-color)!important}*{box-sizing:border-box}body,html{margin:0;height:100%;background:var(--background-color);color:var(--text-color);font-family:var(--font-family);font-size:1.2rem;font-weight:200}.container{width:calc(100% - var(--spacing-xl) * 2);max-width:1440px;margin:auto}h1,h2,h3,h4,h5,h6,p{margin:0}h1{font-size:3.2rem;font-weight:100;text-transform:uppercase;font-family:var(--font-family)}h2{font-size:2rem;font-weight:500;font-family:var(--font-family)}h3{font-size:1.75rem;font-weight:500;font-family:var(--font-family)}h4{font-size:1.3rem;font-weight:500;font-family:var(--font-family);color:var(--primary-color)}h5{font-size:1rem;font-weight:500;font-family:var(--font-family);text-transform:uppercase}h6{font-size:1rem;font-weight:500;font-family:var(--font-family)}.p-large{font-size:1.3rem;line-height:2.5rem;font-weight:200}p{font-size:.8rem;line-height:1.75rem;font-weight:300}a{color:var(--text-color);text-decoration:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}#btn-primary{background-color:var(--secondary-color);color:var(--primary-color);padding:.85rem 2.25rem;font-size:1rem;font-family:var(--font-family);font-weight:700;border-radius:var(--border-radius-l);transition:all .3s ease;display:flex;gap:.25rem;align-items:center;width:fit-content}#btn-primary:hover{filter:brightness(.95)}#btn-primary mat-icon{transform:translate(-.5rem)}#btn-primary:disabled{background-color:var(--border-color)}#btn-secondary{background-color:var(--background-color);color:var(--dark-color);font-size:1rem;font-family:var(--font-family);font-weight:700;transition:background-color .3s ease,filter .3s ease;border:var(--border);padding:.85rem 2.25rem;border-radius:var(--border-radius-l);cursor:pointer}#btn-secondary .mat-mdc-button-persistent-ripple,#btn-secondary .mat-ripple{display:none}#btn-secondary:hover{filter:brightness(.95)}#btn-secondary:disabled{background-color:var(--border-color)}#btn-error{background-color:var(--error-color);color:#fff;padding:.85rem 2.25rem;font-size:1rem;font-family:var(--font-family);font-weight:700;border-radius:var(--border-radius-l);transition:all .3s ease;display:flex;gap:.25rem;align-items:center;width:fit-content}#btn-error:hover{filter:brightness(.95)}#btn-error:disabled{background-color:var(--border-color)}.btn-content{display:flex;gap:var(--spacing-s);align-items:center}#multiplechoice-question-image{max-width:60vw;border:2px solid #89dafc}#multiplechoice-question-question{font-size:1.2rem;line-height:1.75rem;font-weight:400}#multiplechoice-options-option{padding:var(--spacing-s) var(--spacing)}.klassement .klassement-highscores-scores>* #score{background-color:var(--extra-light-blue-color)}.klassement .klassement-highscores-scores>*:nth-child(1) #score{background-color:var(--secondary-color)}.klassement .klassement-highscores-scores>*:nth-child(2) #score{background-color:var(--blue-color)}.klassement .klassement-highscores-scores>*:nth-child(2) #score #score-name,.klassement .klassement-highscores-scores>*:nth-child(2) #score #score-score{color:#fff}.klassement .klassement-highscores-scores>*:nth-child(3) #score{background-color:var(--light-blue-color)}#score.large{padding:var(--spacing-s) var(--spacing)}#score-name,#score-score{color:var(--primary-color)}@media (max-width: 700px){.container{width:calc(100% - var(--spacing) * 2)}h2{font-size:1.6rem}}