| body { | |
| font-family: "Segoe UI", sans-serif; | |
| background-color: #fafafa; | |
| padding: 20px; | |
| } | |
| textarea { | |
| /* width: 100%; */ | |
| width: auto; | |
| font-family: monospace; | |
| padding: 10px; | |
| border: 1px solid #ccc; | |
| border-radius: 6px; | |
| } | |
| button { | |
| margin-top: 5px; | |
| margin-right: 10px; | |
| padding: 8px 14px; | |
| background-color: #4CAF50; | |
| color: white; | |
| border: none; | |
| border-radius: 6px; | |
| cursor: pointer; | |
| } | |
| button:hover { | |
| background-color: #45a049; | |
| } | |
| #viz { | |
| margin-top: 30px; | |
| } | |
| #controls { | |
| margin-top: 20px; | |
| } | |