hi (◑‿◐)
i'm pity_me./vern
im 17 (they/them) ( ɵ̥̥‸ɵ̥)
and this is my first time creating a NeoCity >w<
i like
First things first I’ve gotta make my page look "aesthetic"
diary
:root {
--bg: #faf9f7;
--text: #1b1b1b;
--muted: #666;
--card: #ffffff;
--accent: #4f46e5;
--border: #e7e5e4;
--focus: #a5b4fc;
}
html[data-theme="dark"] {
--bg: #0b0c10;
--text: #e8e6e3;
--muted: #a3a3a3;
--card: #111318;
--accent: #8b93ff;
--border: #22252d;
--focus: #3f4aff;
}
@media (prefers-color-scheme: dark) {
html[data-theme="auto"] { color-scheme: dark; }
}
* { box-sizing: border-box; }
body {Today i asked my counselor to change my schedule, I had to drop marine science to take AP Bio, but its fine ig
margin: 0;
font: 16px/1.65 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
background: var(--bg);
color: var(--text);
}
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
.wrap { max-width: 820px; margin: 0 auto; padding: 24px; }
header {
position: sticky; top: 0; z-index: 10;
backdrop-filter: saturate(1.2) blur(6px);
background: color-mix(in oklab, var(--bg) 85%, transparent);
border-bottom: 1px solid var(--border);
}
.topbar { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; padding: 12px 24px; }
.site-title { font-size: 22px; font-weight: 700; letter-spacing: 0.2px; }
.controls { display: flex; gap: 10px; align-items: center; }
.btn {
display: inline-flex; align-items: center; gap: 8px;
border: 1px solid var(--border);
background: var(--card);
padding: 8px 12px; border-radius: 999px; cursor: pointer;