| 1 | body, html { |
| 2 | overflow: hidden; |
| 3 | } |
| 4 | h1 { |
| 5 | color: #f09; |
| 6 | margin-bottom: 0; |
| 7 | } |
| 8 | .job { |
| 9 | padding: 18px; |
| 10 | margin: 1em -18px; |
| 11 | border: 1px solid black; |
| 12 | } |
| 13 | .job *, footer * { |
| 14 | margin: 0; |
| 15 | padding: 0; |
| 16 | } |
| 17 | .job ul { |
| 18 | margin-left: 1em; |
| 19 | } |
| 20 | .job li { |
| 21 | line-height: 1.5em; |
| 22 | } |
| 23 | .job header, footer { |
| 24 | display: grid; |
| 25 | grid-template-columns: auto max-content; |
| 26 | grid-template-rows: 1fr 1fr; |
| 27 | } |
| 28 | footer { |
| 29 | margin-top: 1.5em; |
| 30 | } |
| 31 | footer h2 { |
| 32 | font-size: 1em; |
| 33 | margin-bottom: 0.5em; |
| 34 | } |
| 35 | |
| 36 | .job header > em, footer > em { |
| 37 | margin-top: 2px; |
| 38 | font-size: 1.25em; |
| 39 | } |
| 40 | |
| 41 | header h2, header em, footer h2, footer em { |
| 42 | display: inline-block; |
| 43 | } |
| 44 | header em, footer em { |
| 45 | margin-left: 16px !important; |
| 46 | text-align: right; |
| 47 | } |