1body, html {
2    font: 16px sans-serif;
3    color: #333;
4}
5
6a:link, a:visited {
7    color: #33e;
8}
9
10main {
11    width: 100%;
12    max-width: 72em;
13    margin: 0 auto;
14}
15
16.intro {
17    columns: 35em;
18}
19
20.intro p {
21    margin: 0 0 1em;
22}
23
24form section {
25    display: flex;
26    flex-wrap: wrap;
27    gap: 2em;
28    justify-content: space-between;
29}
30
31label {
32    display: block;
33    margin-bottom: 1em;
34}
35
36label > span:first-child {
37    display: block;
38    font-weight: bold;
39}
40
41label > select,
42label > input[type="text"] {
43    width: 30em;
44    display: block;
45    font: 16px sans-serif;
46}
47
48label > input[type="checkbox"] + span {
49    font-weight: bold;
50}
51
52input, select {
53    padding: 0.2em;
54}
55
56button, label {
57    cursor: pointer;
58}
59
60#output {
61    margin: 1em 0;
62    padding: 0;
63    list-style: none;
64}
65
66#output li {
67    margin: 1em 0;
68}
69
70#output li button {
71    float: right;
72}
73
74#output li span {
75    display: block;
76}
77
78#output li .awesomplete,
79#output li input,
80#output li select {
81    display: block;
82    width: 100%;
83}
84
85button[type="submit"] {
86    font-size: 120%;
87    width: 15em;
88    padding: 1em;
89    display: block;
90    margin: 1em auto;
91}
92