| swissChili | e392aeb | 2020-08-10 15:52:10 -0700 | [diff] [blame^] | 1 | html, |
| 2 | body { | ||||
| 3 | font-family: sans-serif; | ||||
| 4 | } | ||||
| 5 | |||||
| 6 | body { | ||||
| 7 | display: grid; | ||||
| 8 | place-items: center center; | ||||
| 9 | } | ||||
| 10 | |||||
| 11 | h4 code { | ||||
| 12 | font-size: 1.5em; | ||||
| 13 | } | ||||
| 14 | |||||
| 15 | code { | ||||
| 16 | background: #f2f4f4; | ||||
| 17 | border-radius: 5px; | ||||
| 18 | padding: 3px 5px 3px 5px; | ||||
| 19 | } | ||||
| 20 | |||||
| 21 | .container { | ||||
| 22 | width: 60em; | ||||
| 23 | } | ||||
| 24 | |||||
| 25 | .nav { | ||||
| 26 | font-size: 1.5rem; | ||||
| 27 | display: flex; | ||||
| 28 | flex-direction: row; | ||||
| 29 | } | ||||
| 30 | .nav .wide { | ||||
| 31 | flex: 1; | ||||
| 32 | font-weight: bold; | ||||
| 33 | } | ||||
| 34 | |||||
| 35 | .split { | ||||
| 36 | display: grid; | ||||
| 37 | grid-template-columns: 16em auto; | ||||
| 38 | } | ||||
| 39 | |||||
| 40 | video { | ||||
| 41 | width: 100%; | ||||
| 42 | } | ||||
| 43 | |||||
| 44 | @media screen and (max-width: 58em) { | ||||
| 45 | .split { | ||||
| 46 | display: flex; | ||||
| 47 | flex-direction: column; | ||||
| 48 | } | ||||
| 49 | |||||
| 50 | .container { | ||||
| 51 | width: calc(100% - 2em); | ||||
| 52 | margin: 1em; | ||||
| 53 | } | ||||
| 54 | } | ||||