-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
94 lines (94 loc) · 1.99 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
html, body {
display: flex;
flex: 1 1 1px;
flex-direction: column;
gap: 1rem;
align-items: center;
font-size: 14px;
font-family: 'Lato';
font-weight: 100;
background: #2a2a2e;
}
* {
margin: 0;
padding: 0;
}
body { padding: .5rem 0 }
@media (min-width:600px) {
body { padding-top: 2rem }
}
p, h1, h2, h3, li, u, div { font-size: 1rem }
h1 { text-transform: uppercase }
h1:not(:first-of-type) { margin-top: 1rem }
h2 { margin: 0 }
h1:first-of-type, h1:first-of-type u { font-size: 1.15rem; font-weight: 600; }
ol {
margin-top: 1rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
h1 + * { margin-top: .2rem }
ol li {
margin: 0;
list-style: none;
font-weight: 800;
align-self: center;
white-space: nowrap;
}
ol:first-of-type {
justify-content: center;
flex-direction: column;
margin-bottom: .5rem;
}
ol:first-of-type li {
display: flex;
gap: .3rem;
font-weight: 100;
align-items: center;
}
@media print, (min-width:600px) {
ol:first-of-type {
flex-direction: row;
gap: 1.5rem;
margin: .4rem 0;
}
}
h3 { font-style: italic; margin: 0; font-weight: 500 }
ul + h2 { margin-top: .8rem }
ul + h3 { margin-top: .6rem }
li { margin-left: 1.7rem; line-height: 1.35rem; }
h1:first-of-type, h2:first-of-type { text-align: center; }
h1:not(:first-of-type) {
border-bottom: #555 1px solid;
}
main {
width: 57rem;
max-width: 96vw;
background: #fff;
border-radius: .4rem;
}
article { padding: 1rem }
@media (min-width:600px) {
article { padding: 3.5rem }
}
a { color: inherit; text-decoration: none; }
a.button {
border-radius: .3rem;
margin: 1rem;
font-size: 1.2rem;
border: none;
outline: none;
padding: 1rem;
background: #4c7cb2;
color: #fff;
font-weight: 600;
white-space: nowrap;
display: flex;
gap: .8rem;
}
@media print {
body { background: #fff }
article { padding: 2rem }
a.button { display: none }
}