@import "surfaces.css"; /* Unwrap header so sticky-top works */ #lc-header { display: contents !important; } /* Suppress all transitions during initial theme application (see inline script in ) */ [data-loading] * { transition: none !important; } body { margin: 0; /*overflow-x: hidden;*/ /* Possibly causes android sticky header scrolling behind status bar? */ background-color: var(--body-bg); transition: background-color 0.3s ease; /*font-family: 'Inter Variable', Arial, sans-serif;*/ } a { text-decoration: none; font-weight: bold; } /** / @font-face { font-family: 'Inter Variable'; src: url(../../fonts/Inter-VariableFont_opszwght.ttf) format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter Variable'; src: url(../../fonts/Inter-Italic-VariableFont_opszwght.ttf) format('truetype'); font-weight: 100 900; font-style: italic; font-display: swap; } /**/ /* Layout */ .container { max-width: 1280px; margin: 0 auto; padding: 0 1rem; } /* Buttons */ .btn-outline { display: inline-flex; align-items: center; gap: 0.25rem; background-color: var(--bg); color: var(--text); border: 1px solid var(--border); border-radius: 9999px; white-space: nowrap; font-size: 0.75rem; padding: 0.625rem 1rem; transition: background-color 0.2s ease, border-color 0.2s ease; } .btn-outline:hover { background-color: color-mix(in srgb, var(--bg) 85%, var(--text)); } .theme-toggle { display: flex; align-items: center; gap: 0.375rem; font-size: 0.75rem; padding: 0.5rem 0.75rem; border-radius: 9999px; white-space: nowrap; cursor: pointer; transition: color 0.2s, border-color 0.2s; } /* Surface showcase */ .surface-row { padding: 5rem 0; } .surface-label { display: block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; opacity: 0.5; margin-bottom: 0.5rem; }