| 1 | body { |
| 2 | margin: 0; |
| 3 | padding: 2rem 1rem; |
| 4 | color: #182b35; |
| 5 | background: #f4f7f8; |
| 6 | font: |
| 7 | 18px/1.6 system-ui, |
| 8 | sans-serif; |
| 9 | } |
| 10 | main { |
| 11 | max-width: 42rem; |
| 12 | margin: 3rem auto; |
| 13 | } |
| 14 | button { |
| 15 | padding: 0.75rem 1rem; |
| 16 | border: 0; |
| 17 | border-radius: 0.5rem; |
| 18 | background: #075e54; |
| 19 | color: white; |
| 20 | font: inherit; |
| 21 | cursor: pointer; |
| 22 | } |
| 23 | button:disabled { |
| 24 | opacity: 0.6; |
| 25 | cursor: wait; |
| 26 | } |
| 27 | #result { |
| 28 | overflow-wrap: anywhere; |
| 29 | } |