This example demonstrates how HTML elements can be positioned and restyled through JavaScript. A pink background page contains a vertically stacked flexbox layout with a large message box, a button, and a second color block. When the button is clicked, a CSS class toggles the message and button background between navajowhite and darkorange. The core interaction uses the DOM API through `document.querySelector` and `classList.toggle` to dynamically change the visual presentation without any external libraries.