|
0
|
1 * {
|
|
|
2 box-sizing: border-box;
|
|
|
3 }
|
|
1
|
4
|
|
5
|
5 body {
|
|
|
6 font-family: Sans-Serif;
|
|
|
7 margin: 0;
|
|
18
|
8 background-color: #F8F8F8;
|
|
5
|
9 }
|
|
|
10
|
|
1
|
11 a {
|
|
|
12 text-decoration: none;
|
|
|
13 }
|
|
|
14 a:hover {
|
|
|
15 text-decoration: underline;
|
|
|
16 }
|
|
5
|
17
|
|
18
|
18 textarea {
|
|
|
19 font: inherit;
|
|
|
20 xpadding: 7px;
|
|
|
21 xborder-color: #DDDDDD;
|
|
|
22 }
|
|
|
23
|
|
5
|
24 div[header], div[footer] {
|
|
|
25 font-size: 14px;
|
|
|
26 background-color: #ddd;
|
|
|
27 padding: 8px 3%;
|
|
|
28 display: flex;
|
|
|
29 justify-content: space-between;
|
|
|
30 }
|
|
|
31
|
|
|
32 [content] {
|
|
|
33 margin-left: 3%;
|
|
|
34 margin-right: 3%;
|
|
|
35 margin-bottom: 2em;
|
|
|
36 }
|
|
16
|
37
|
|
|
38 [hidden] {
|
|
|
39 display: none;
|
|
|
40 }
|
