A reference for the colors, gradients, and fonts used across most of the site.
#000000 (Black)#C3CDE6 (Periwinkle)#9DE093 (Granny Smith Apple)#191934 (Black)#100e25 (Black)#eeeef6 (White)#100e25 (Black)#ddddee (White)#ffffff (White)Light/dark mode isn't a toggle — it follows the browser/OS setting automatically via the prefers-color-scheme media query.
:root {
--pagebg: #000000;
--color: #C3CDE6;
--button: #191934;
}
@media (prefers-color-scheme: light) {
:root {
--pagebg: #eeeef6;
--color: #100e25;
--button: #ddddee;
}
}The one gradient used everywhere — planet borders, back-buttons, footer rule, sitemap columns, table.identity-table borders, book cover edges. Every stop is an exact 90s-era Crayola crayon color per Wikipedia's list of Crayola crayon colors.
background: linear-gradient(to bottom,
#FF3399, #FF355E, #FF9980, #FED85D,
#9DE093, #02A4D3, #4F69C6, #6B3FA0);#FF3399#FF355E#FF9980#FED85D#9DE093#02A4D3#4F69C6#6B3FA0Roboto
Space Grotesk
Sphinx of black quartz, judge my vow.
This is a body paragraph. It contains a regular link and some inline code, plus italic and bold text.
A quick reference for a few classic magic mushroom species. On the live site, the first column of a table is normally prefixed with the /assets/buttons/yinyang.gif icon.
| Species | Common Name | Primary Compound |
|---|---|---|
| Psilocybe cubensis | Golden Teacher | Psilocybin |
| Psilocybe semilanceata | Liberty Cap | Psilocybin |
| Psilocybe azurescens | Flying Saucer | Psilocybin |
| Amanita muscaria | Fly Agaric | Muscimol |
| Panaeolus cyanescens | Blue Meanie | Psilocybin |
<table>
<thead>
<tr><th>Species</th><th>Common Name</th><th>Primary Compound</th></tr>
</thead>
<tbody>
<tr><td>Psilocybe cubensis</td><td>Golden Teacher</td><td>Psilocybin</td></tr>
...
</tbody>
</table>Two evenly split columns, used for pairing related content side by side. On the live site this is .row > .twocol.
First column content goes here.
Second column content goes here.
<div class="row">
<div class="twocol">First column content goes here.</div>
<div class="twocol">Second column content goes here.</div>
</div>Three even columns, used for grouping shorter blocks of content. On the live site this is .row > .threecolumn.
First column content goes here.
Second column content goes here.
Third column content goes here.
<div class="row">
<div class="threecolumn">First column content goes here.</div>
<div class="threecolumn">Second column content goes here.</div>
<div class="threecolumn">Third column content goes here.</div>
</div>.taijitu)I will draw:
I won't draw:
.raincol)