.container { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; font-family: Arial, sans-serif; }
.movement { width: 100%; max-width: 800px; display: flex; align-items: center; margin: 20px 0; }
.top .text { order: 1; }
.top img { order: 2; }
.central-section { display: block; margin-top: 20px; width: 100%; max-width: 800px; text-align: center; }
#revelation[aria-hidden="true"], .bottom[aria-hidden="true"] { display: none; }
.transition, .revealButton { margin-top: 20px; padding: 10px 20px; font-size: 16px; cursor: pointer; background-color: #007BFF; color: white; border: none; border-radius: 5px; }
.header { text-align: center; margin-bottom: 20px; font-size: 24px; font-weight: bold; }
@media (max-width: 390px) {
    .movement { flex-direction: column; }
    .top .text, .bottom img { order: 1; }
    .top img, .bottom .text { order: 2; }
}
img { max-width: 100%; height: auto; border: 2px solid #000; }
p.text { margin: 10px 0; text-align: justify; line-height: 1.6; }
@media (prefers-reduced-motion: reduce) {
    .transition, .revealButton { transition: none; }
}
button:focus { outline: 2px solid #FFC107; outline-offset: 4px; }