Something went wrong. Try again.
A streaming bot for Streamplace bot.timtinkers.online
bot streamplace atproto
Something went wrong. Try again.
1.6 kB · 67 lines
CSS
at frontend
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768:root { --font-sans: "Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--bg: #151515; --text: #fefefc; --hill-back: #2f4a38; /* darker green, back hill */ --hill-front: #5a8a5e; /* lighter green, front hill */ --mountain-far: #1d1e1f; /* neutral gray, closest to --bg */ --mountain-near: #3a3d40; /* neutral gray, one shade lighter */}
@media (prefers-color-scheme: light) { :root { --bg: #fffbe8; --text: #241f28; --hill-back: #6fa06e; --hill-front: #a9d18f; --mountain-far: #e6e2d6; --mountain-near: #c7c3b6; }}
* { margin: 0; padding: 0; box-sizing: border-box;}html { background: var(--bg);}body { font-family: var(--font-sans); background: var(--bg); color: var(--text); line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x: hidden;}
/* Page shell: body-height column with the wave anchored at the bottom. */.page { min-height: 100vh; min-height: 100lvh; position: relative; display: flex; flex-direction: column;}
/* Keeps page content above the waves (z-index 0) and centered. */.wrap { position: relative; z-index: 1; flex: 1; width: 100%; max-width: 60rem; margin: 0 auto; padding: 0 1.75rem calc(2rem + env(safe-area-inset-bottom, 0px)); display: flex; flex-direction: column;}@media (max-width: 640px) { .wrap { padding: 0 1.25rem calc(1.5rem + env(safe-area-inset-bottom, 0px)); }}