The Colors of Rebellion

After gathering Sylvandor’s wisdom for the resistance, you wander deeper into Greenwood Hollow. The shadows of the towering trees begin to thin, and soon you find yourself in a sunlit clearing, where Seraphina is carefully studying an ancient stone stele.

She seems completely absorbed in the patterns and engravings, her fingers instinctively sketching colorful designs onto a piece of parchment. “Well, look who’s here!” she calls out cheerfully when she spots you, waving a brush that’s just as colorful as her clothes.

“Come on, show me what you’ve got. I bet Caelan’s brought his usual distinctive style—
which is to say, none at all.” She grins as you present the flyer for the resistance.
Seraphina studies your notes with a critical but kind eye. “Not bad… but boring,” she concludes at last, chuckling as Tinker beeps in enthusiastic agreement. “Words need sparkle, expression, emotion! Let me show you how we do it.”

With a flourish, she pulls out a small, dented box of magic supplies and starts working on the flyer.
She adds a few styles and points at the parchment—a rough draft of what looks like a message from the resistance.

“A powerful message also needs a powerful design. We’ll turn your words into a visual masterpiece—one so bold, even Cobol’s cold, steel enforcer Kragor Ironfist might blush at the sight of it.”

Restyle the flyer

Work with Seraphina to develop striking styles that make the rebels’ flyer more powerful and memorable.

Solve the task here in the console [–> Open in a new tab]

CSS
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    line-height: 1.7;
}

main {
    max-width: 600px;
    margin: 2rem auto;
    background-color: #ede7d4;
    padding: 3rem;
    border: 1px solid #333333;
    box-shadow: 10px 10px 9px rgba(0, 0, 0, 0.3);
}

h1 {
    font-variant: small-caps;
    font-weight: lighter;
    line-height: 1;
}

h2 {
    text-transform: uppercase;
    letter-spacing: 5px;
}

.flame {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 7rem;
    color: #ac3c13;
    font-variant: normal;
    text-decoration: 5px overline black
}

strong {
    background-color: #ac3c13;
    padding: 0.5rem;
    color: #ede7d4;
    text-transform: capitalize;
}

em {
    font-weight: 600;
}

u {
    text-decoration: 4px underline #ac3c13;
}
Scroll to Top