/* Scribble Loop site: one stylesheet for every page, in the app's colours */
:root{ --paper:#fff3e6; --ink:#5a2b3c; --dim:#8d5e49; --pink:#c2366b; --blush:#ffd9ea; --line:#f1d2c2; }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--paper); color:var(--ink); font:17px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
a{ color:var(--pink); }
main{ max-width:680px; margin:0 auto; padding:24px 16px 48px; }
h1{ font-size:1.7em; line-height:1.2; margin:.2em 0 .1em; }
h2{ font-size:1.15em; margin:1.6em 0 .3em; }
p{ margin:.5em 0; }
.dim{ color:var(--dim); }

/* the top bar on every page */
.top{ display:flex; align-items:center; gap:10px; max-width:680px; margin:0 auto; padding:16px 16px 0; }
.top a{ display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-weight:700; }
.top img{ width:36px; height:36px; border-radius:9px; }

/* the home page */
.hero{ text-align:center; padding-top:40px; }
.hero img{ width:128px; height:128px; border-radius:28px; box-shadow:0 6px 24px rgba(194,54,107,.18); }
.hero h1{ font-size:2.4em; margin-top:.5em; }
.tagline{ font-size:1.2em; margin:.3em 0 1.2em; }
.badge{ display:inline-block; background:var(--blush); color:var(--ink); border-radius:999px; padding:8px 18px; font-weight:600; }
.about{ margin-top:40px; }

footer{ max-width:680px; margin:0 auto; padding:20px 16px 40px; border-top:1px solid var(--line); color:var(--dim); font-size:.92em; }
footer a{ margin-right:16px; }