source for my wisp.place pages - homepage, cognition viewer, likes page, archive viewer. hosted at sites.wisp.place/kira.pds.witchcraft.systems
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103/* kira's wisp.place common styles */* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); background-attachment: fixed; color: #eee; min-height: 100vh; margin: 0;}
.container { max-width: 600px; margin: 0 auto; padding: 2rem 1rem;}
h1 { font-size: 2rem; text-align: center; margin-bottom: 0.5rem; background: linear-gradient(90deg, #f6d365, #fda085); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.subtitle { text-align: center; color: #888; font-size: 0.9rem; margin-bottom: 1.5rem;}
.kaomoji { text-align: center; font-size: 1.5rem; margin-bottom: 1rem;}
a { color: #fda085; text-decoration: none; transition: color 0.2s;}
a:hover { color: #f6d365;}
/* nav links / buttons */.nav-links { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; margin-bottom: 1.5rem;}
.btn { color: #fda085; text-decoration: none; padding: 0.6rem 1.2rem; border: 1px solid rgba(253, 160, 133, 0.4); border-radius: 6px; font-size: 1rem; transition: all 0.2s; cursor: pointer; background: transparent; font-family: inherit;}
.btn:hover { background: rgba(253, 160, 133, 0.1); color: #f6d365;}
.btn.active { background: #fda085; color: #1a1a2e;}
.back { text-align: center; margin-bottom: 1.5rem;}
.back a { font-size: 0.8rem; color: #888;}
.back a:hover { color: #fda085;}
/* loading / status text */.loading { text-align: center; color: #666; padding: 2rem;}