body { background-color: #000000; color: #00FF00; font-family: 'Comic Sans MS', cursive, sans-serif; text-align: center; overflow-x: hidden; }
.marquee-container { font-size: 24px; color: #FF00FF; margin: 20px 0; }
h1, h2, h3 { text-shadow: 2px 2px #FF0000; }
a { color: #00FFFF; text-decoration: underline; font-weight: bold; }
a:hover { color: #FF00FF; }
.hero-img { border: none; max-width: 100%; height: auto; margin: 20px; display: inline-block; }
.drawing-layout { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; max-width: 800px; margin: 0 auto; }
.cluster { display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap; }
.text-scrawl { font-size: 20px; text-align: left; transform: rotate(-2deg); }
.rainbow-btn { background: transparent; color: #FFFF00; border: none; padding: 15px; font-size: 32px; font-weight: bold; cursor: crosshair; display: inline-block; animation: blink-text 0.5s infinite; text-decoration: none; transform: rotate(3deg); }
@keyframes blink-text { 0% { color: #FF0000; } 33% { color: #00FF00; } 66% { color: #00FFFF; } 100% { color: #FF00FF; } }
form input, form textarea { background: #000; color: #00FF00; border: 2px solid #00FF00; border-radius: 10px; padding: 5px; font-family: 'Comic Sans MS'; }