Something went wrong. Try again.
A simple tool that syncs your buffer queue to your calendar app buffer2ical.wisp.place
Something went wrong. Try again.
2.5 kB · 61 lines
CSS
at main
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #231F20; color: #FFFFFF; min-height: 100vh; padding: 2rem; line-height: 1.6;}
body.center { display: flex; align-items: center; justify-content: center; }
.container { max-width: 640px; width: 100%; margin: 0 auto; }.container.narrow { max-width: 480px; }
h1 { color: #FADE2A; font-size: 2.5rem; margin-bottom: 0.5rem; font-weight: 800; letter-spacing: -0.02em; }h2 { color: #FF9B6B; font-size: 1.2rem; margin: 2rem 0 0.75rem; font-weight: 600; }p { color: #CCCCCC; margin-bottom: 1rem; }b, strong { color: #FF9B6B; }ul, ol { margin: 0 0 1rem 1.5rem; color: #CCCCCC; }li { margin-bottom: 0.5rem; }hr { border: none; border-top: 1px solid #444; margin: 1.5rem 0; }
a { color: #6B81FF; text-decoration: none; border-bottom: 1px dotted #6B81FF; }a:hover { color: #F3AFB9; border-bottom-color: #F3AFB9; }
.byline { color: #6B81FF; margin-bottom: 1.5rem; font-size: 0.95rem; }.tagline { font-size: 1.15rem; margin-bottom: 2rem; color: #FFFFFF; }.home-headline { color: #FADE2A; font-size: 1.8rem; line-height: 1.2; margin: 0 0 1rem; }.home-cta { margin-bottom: 0.5rem; }.home-cta i { margin-right: 0.4rem; }.home-steps { text-align: left; }.home-footer { margin-top: 2rem; font-size: 0.85rem; }.updated { color: #6B81FF; font-size: 0.9rem; margin-bottom: 2rem; }.how { color: #F3AFB9; font-weight: 600; margin-bottom: 0.75rem; }.error { color: #F3AFB9; margin-bottom: 1rem; }
.cta, button { display: inline-block; background: #2C4BFF; color: #FFFFFF; padding: 0.6rem 1.25rem; border: none; border-radius: 6px; font-size: 1rem; font-weight: 600; cursor: pointer; text-decoration: none; transition: background 0.2s, transform 0.2s;}.cta { padding: 0.875rem 2rem; font-size: 1.05rem; margin-bottom: 2.5rem; border-bottom: none; }.cta:hover, button:hover { background: #121E66; transform: translateY(-2px); color: #FFF; }button.danger { background: #8a1c1c; }button.danger:hover { background: #5c1111; }
code { display: block; background: #121E66; padding: 0.75rem; border-radius: 6px; word-break: break-all; color: #FFF; margin-bottom: 0.75rem; }.row { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; }
.highlight { background: #121E66; padding: 1rem; border-radius: 6px; border-left: 3px solid #2C4BFF; margin: 1.5rem 0; }.highlight p { margin-bottom: 0; color: #FFF; }