html, body { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; width: 1024px; margin: 0 auto; padding: 0; } body > h1 { text-align: center; } #sketch { margin-top: 20px; display: flex; justify-content: center; } #inputs { width: 800px; display: flex; justify-content: space-evenly; margin: 0 auto; } #input-area { display: flex; justify-content: center; } canvas { display: block; } .help-section { margin-top: 40px; padding: 20px; background-color: #f0f0f0; border: 1px solid #ddd; border-radius: 8px; } .help-section h2 { font-size: 20px; margin-bottom: 15px; } .help-section ol { padding-left: 20px; margin-bottom: 20px; } .help-section pre { font-family: monospace; background: #fff; padding: 10px; border: 1px solid #f0f0f0; border-radius: 4px; overflow-x: auto; } .help-section ul { padding-left: 20px; margin-bottom: 20px; } .help-section p { line-height: 1.6; }