:root { color-scheme: dark; --ns-bg: #111827; --ns-card: #1f2937; --ns-line: #374151; --ns-muted: #9ca3af; --ns-link: #93c5fd; } body { margin: 0; background: var(--ns-bg); color: #f3f4f6; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.6; } .noscript-container { box-sizing: border-box; max-width: 64rem; margin: 0 auto; padding: 2rem 1rem 3rem; } .noscript-card { padding: clamp(1.25rem, 4vw, 2rem); margin-bottom: 1.5rem; background: var(--ns-card); border: 1px solid var(--ns-line); border-radius: 0.75rem; } .profile-header { text-align: center; } .profile-avatar { display: block; width: 7rem; height: 7rem; object-fit: cover; margin: 0 auto 1rem; border: 2px solid #6b7280; border-radius: 50%; } h1 { margin: 0; color: #fff; font-size: 2rem; } h2 { margin: 1.5rem 0 1rem; color: #fff; font-size: 1.2rem; } h3 { margin: 1.25rem 0 0.75rem; color: #d1d5db; font-size: 0.9rem; font-weight: 600; } .subtitle { margin: 0.35rem 0; color: var(--ns-muted); } .divider { height: 1px; margin: 1.5rem 0; background: var(--ns-line); } .intro-text { margin: 0 0 1rem; color: #d1d5db; text-align: center; } .info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); gap: 0.75rem; } .info-box { padding: 0.85rem; text-align: center; border: 1px solid var(--ns-line); border-radius: 0.5rem; } .info-label, .info-sub { color: #9ca3af; font-size: 0.75rem; } .info-value { margin: 0.2rem 0; color: #fff; font-weight: 600; } .badge-group { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; } .badge { padding: 0.3rem 0.7rem; color: #d1d5db; font-size: 0.85rem; background: #111827; border: 1px solid var(--ns-line); border-radius: 999px; } .link-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: 0.75rem; } .link-item { border: 1px solid var(--ns-line); border-radius: 0.5rem; } .link-item a { display: block; padding: 0.8rem 1rem; color: var(--ns-link); font-weight: 500; text-decoration: none; } .link-item a:hover, .link-item a:focus-visible { text-decoration: underline; } .banner-container { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; justify-content: center; } .banner-item { flex: 0 1 auto; } .banner-item img { display: block; width: min(100%, 320px); height: auto; min-height: 64px; box-sizing: border-box; object-fit: contain; border: 1px solid var(--ns-line); border-radius: 0.5rem; background: #fff; } @media (max-width: 30rem) { .noscript-container { padding-inline: 0.75rem; } .link-list { grid-template-columns: 1fr; } }

c30.life

@ced

"I don't have the energy to make a website."

自己紹介

いろいろな趣味を持っている変なポットであり空の存在です。

プロフィール

名前

c30

ced(セド)

年齢

4/25

性別

男

んい...

住居

神奈川

横浜

趣味

イラストレーション曲制作・耳コピプログラミング Fediverse, Discord

プログラミング言語

Node.js TypeScript Rust C C++ C# ShellScript

所属

炒めて切った野菜ジュース DETDA Misskey.art ZenSky Project