Worms In My Heart

Enter the womb of my soft rebirth - stitched with glitter, insects, and leftover teeth. Feel free to peel back the layers.

/* === RESET STYLES === */ * { margin: 0; padding: 0; box-sizing: border-box; } /* === BODY === */ body { background-color: #000; color: #FF4C96; font-family: 'Tektur', sans-serif; padding: 2rem; /* Photomontage textured background (replace with your images) */ background-image: url('images/texture1.png'), url('images/texture2.png'); background-blend-mode: multiply; background-size: cover; background-attachment: fixed; } /* === HEADER === */ header { text-align: center; margin-bottom: 2rem; } header h1 { font-family: 'Bitcount Grid Double', monospace; font-size: 3rem; color: #76FF3C; /* slime green */ text-shadow: 0 0 10px #FF4C96; } /* === NAVIGATION BAR === */ nav ul { list-style: none; display: flex; justify-content: center; gap: 2rem; margin-top: 1rem; flex-wrap: wrap; } nav a { font-family: 'Manufacturing Consent', sans-serif; color: #FF4C96; font-size: 1.1rem; text-decoration: none; padding: 5px 10px; border: 2px dashed #FF4C96; border-radius: 8px; transition: 0.3s ease; } nav a:hover { background-color: #76FF3C; color: #000; transform: scale(1.05) rotate(-1deg); } /* === INTRO SECTION === */ .intro { background-color: rgba(255, 255, 255, 0.05); /* translucent ghost box */ padding: 1.5rem; font-size: 1.2rem; border-radius: 12px; border: 1px solid #351732; max-width: 700px; margin: 0 auto 3rem auto; font-family: 'Tektur', sans-serif; line-height: 1.6; text-align: center; } /* === COLLAGE SECTION === */ .collage { position: relative; width: 100%; height: 600px; margin-top: 3rem; } .collage img { position: absolute; max-width: 200px; border: 2px solid #FF4C96; box-shadow: 0 0 15px #000; transform: rotate(-5deg); transition: transform 0.3s ease, filter 0.3s ease; filter: grayscale(10%) contrast(120%); } .collage img:hover { transform: rotate(3deg) scale(1.1); filter: none; z-index: 2; } /* === FOOTER === */ footer { text-align: center; font-size: 0.9rem; margin-top: 4rem; color: #888; font-family: 'Tektur', sans-serif; } /* === OPTIONAL MOBILE STYLING === */ @media screen and (max-width: 768px) { .collage { height: auto; } .collage img { position: static; display: block; margin: 1rem auto; transform: none; } nav ul { flex-direction: column; gap: 1rem; } }