@import url("nav.css"); @import url("footer.css"); :root { --width: 750px; --bg: #dddddd; --bg-alt: #ffffff; --fg: #000000; --fg-alt: #111111; } @media (prefers-color-scheme: dark) { :root { --bg: #000000; --bg-alt: #222222; --fg: #dddddd; --fg-alt: #ffffff; } } body, html { background-color: var(--bg); color: var(--fg); margin: 0; font-family: "Inter", "Neue Haas Grotesk", "Helvetica", "Helvetica Neue", -apple-system, BlinkMacSystemFont, sans-serif; color-scheme: light dark; } .limwidth { margin: 0 auto; max-width: var(--width); padding: 0 12px; } .nolinkstyle { text-decoration: none !important; color: currentColor; } .main { margin-top: 2rem; } .price::before { content: "\20ac"; margin-right: 0.3ex; font-size: 80%; } .button, .buttonstyle { margin-bottom: 16px; padding: 9px 12px; border-radius: 8px; border: none; background-color: var(--bg-alt); } .button { cursor: pointer; } .button.dashed, .buttonstyle.dashed { padding: 7px 10px; border: 2px dashed currentColor; } .button.filled, .buttonstyle.filled { background-color: canvastext; color: canvas; font-weight: bold; cursor: pointer; } .center { text-align: center; } .d-ib { display: inline-block; }