:root{--color-black: #101010;--color-white: #FFFFFF;--color-background: rgb(255, 255, 255);--color-background-offset: var(--color-black);--color-title: rgb(108, 123, 92);--color-title-offset: var(--color-white);--color-primary: rgb(162, 184, 138);--color-primary-offset: var(--color-black);--color-secondary: rgb(140, 164, 115);--color-secondary-offset: var(--color-black);--color-tertiary: #eae9e5;--color-tertiary-offset: var(--color-black);--color-info: rgb(0, 122, 197);--color-info-offset: var(--color-white);--color-success: #19890d;--color-success-offset: var(--color-white);--color-warning: rgb(191, 84, 31);--color-warning-offset: var(--color-white);--color-danger: rgb(183, 5, 5);--color-danger-offset: var(--color-white);--color-shade: color-mix(in srgb, var(--color-background) 80%, var(--color-primary));--color-shade-offset: var(--color-black);--color-active: var(--color-info);--color-active-offset: var(--color-info-offset);--color-button: var(--color-info);--color-button-offset: var(--color-info-offset)}.clickable{cursor:pointer}main>*{padding-bottom:calc(2 * var(--padding))}main>* :is(h1,h2,h3,h4,h5,h6){box-shadow:none;text-shadow:-2px 2px 4px black}header .btn{background-color:inherit;color:inherit;box-shadow:none;text-shadow:-2px 2px 4px black}img{border-radius:5px}p>.avatar{box-shadow:var(--elevation-10)}