body { background: var(--background); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; margin: 0; a { color: var(--text); text-underline-offset: 3px; &:hover { text-decoration-style: dotted; } } h1 { font-size: 39px; } h2 { font-size: 48px; } h3 { font-size: 32px; } main { font-size: 20px; line-height: 34px; margin: 80px 20px; .container { margin: 0 auto; max-width: 610px; } } } // // ueber // main.ueber { .container { .contact.kagube.container { background: var(--background-contrast); border-radius: 8px; display: flex; padding: 15px; table.contact.table { font-size: 18px; white-space: nowrap; tr { td { &:first-of-type { padding: 5px 20px 5px 0; text-align: right; } } } } img.kagube { max-height: 150px; margin: auto; } } } } @media (prefers-color-scheme: light) { main.ueber { .container { .contact.kagube.container { img.kagube { filter: invert(100%); } } } } } // // impressum // @media (prefers-color-scheme: dark) { main.impressum { img { filter: invert(100%); } } }