:root{--color-black:#101010;--color-white:#FFFFFF;--color-background:rgb(255, 255, 255);--color-background-offset:var(--color-black);--color-title:rgb(120, 137, 102);--color-title-offset:var(--color-white);--color-primary:rgb(162, 184, 138);--color-primary-offset:var(--color-white);--color-secondary:rgb(140, 164, 115);--color-secondary-offset:var(--color-white);--color-tertiary:#eae9e5;--color-tertiary-offset:var(--color-black);--color-info:rgb(0, 155, 251);--color-info-offset:var(--color-white);--color-success:#1c970e;--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:inherit;--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 #000}header .btn{background-color:inherit;color:inherit;box-shadow:none;text-shadow:-2px 2px 4px #000}img{border-radius:5px}p>.avatar{box-shadow:var(--elevation-10)}