After Midnight

Essays written somewhere between longing, insomnia, reinvention, and emotional catastrophe.

MAY 2026

The Things We Romanticize Incorrectly

Sometimes I think nostalgia is simply grief wearing perfume.

We remember people through lighting, music, loneliness, and timing. Rarely through truth.

read full entry →

APRIL 2026

Beautifully Bad Timing

Some people arrive like unfinished poems.

APRIL 2026

Reinvention Is Lonely

Nobody talks enough about grieving old versions of yourself.

MARCH 2026

The Art of Missing People

Missing someone and wanting them back are not always the same thing.

FEBRUARY 2026

Emotional Weather Report

Tonight feels like rain against train windows and impossible decisions.

``` --- ## ADD THIS TO style.css ```css /* ========================= AFTER MIDNIGHT PAGE ========================= */ .after-midnight-page { background: linear-gradient(rgba(7,8,15,0.88), rgba(7,8,15,0.92)), url("images/background.png"); background-size: cover; background-attachment: fixed; min-height: 100vh; } .after-midnight-container { max-width: 1050px; margin: 70px auto; padding: 60px; background: rgba(239,228,207,0.93); border: 2px solid #8c6a3f; box-shadow: 0 0 45px rgba(0,0,0,0.6); } .after-midnight-hero { text-align: center; margin-bottom: 70px; border-bottom: 1px solid rgba(100,70,40,0.3); padding-bottom: 45px; } .room-label { font-family: 'Special Elite', monospace; letter-spacing: 2px; font-size: 13px; color: #6b5238; text-transform: uppercase; } .after-midnight-hero h1 { font-size: 78px; margin: 12px 0; color: #241710; } .hero-description { max-width: 650px; margin: auto; font-size: 23px; font-style: italic; line-height: 1.7; } .featured-entry { background: rgba(255,248,230,0.82); border: 1px solid rgba(120,90,45,0.3); padding: 45px; margin-bottom: 45px; box-shadow: 6px 6px 0 rgba(60,40,25,0.35); } .entry-date { font-family: 'Special Elite', monospace; font-size: 12px; letter-spacing: 2px; margin-bottom: 18px; color: #6b5238; } .featured-entry h2 { font-size: 52px; margin-top: 0; margin-bottom: 25px; color: #31191d; } .featured-entry p { font-size: 24px; line-height: 1.9; color: #2d2219; } .read-link { display: inline-block; margin-top: 18px; text-decoration: none; color: #5e3412; font-family: 'Special Elite', monospace; letter-spacing: 1px; } .entry-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; } .mini-entry { background: rgba(255,248,230,0.72); border: 1px solid rgba(120,90,45,0.25); padding: 30px; min-height: 200px; } .mini-date { font-family: 'Special Elite', monospace; font-size: 11px; letter-spacing: 1px; color: #6b5238; } .mini-entry h3 { font-size: 34px; margin-top: 15px; margin-bottom: 18px; color: #34191d; } .mini-entry p { font-size: 20px; line-height: 1.8; } .after-midnight-footer { text-align: center; margin-top: 60px; font-family: 'Special Elite', monospace; color: #6b5238; opacity: 0.85; } @media (max-width: 850px) { .entry-grid { grid-template-columns: 1fr; } .after-midnight-container { margin: 20px; padding: 30px; } .after-midnight-hero h1 { font-size: 52px; } .featured-entry h2 { font-size: 38px; } } ``` --- ## HOW TO ADD NEW WRITING ENTRIES Duplicate one of the `

` blocks. Then simply replace: * the date * the title * the paragraph You do NOT need to redesign the page every time. You are only replacing text inside pre-made cards. That makes posting MUCH easier long term.