<style> body { background-color: #ff00ff; font-family: Arial, sans-serif; color: #ffffff; text-align: center; font-size: 24px; border: 4px solid #000000; } h1 { font-weight: bold; font-size: 36px; } a { text-decoration: none; color: #00ff00; } p { text-align: justify; font-size: 20px; } .container { width: 100%; height: 100vh; background-color: #000000; } .content { padding: 20px; background-color: #000000; } </style> </head> <body> <div class="container"> <div class="content"> <h1>Attendee 3's Meeting Notes</h1> <p>Notes from the most enthusiastic attendee in the room. Today: "Why did we even have this meeting?"</p> <p>Key points:</p> <ul> <li>Someone made a to-do list.</li> <li>It had numbers on it.</li> <li>We all stared at it.</li> </ul> <p>Next meeting: Same place, same time. Same existential dread.</p> <p>Subpages:</p> <ul> <li><a href="/meetings/attendee3/notes">Notes</a></li> <li><a href="/meetings/attendee3/minutes">Meeting Minutes</a></li> </ul> </div> </div> </body> </html>