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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
| *
| box-sizing: border-box
| -webkit-appearance: none
| margin: 0
| padding: 0
|
| body, html
| scroll-behavior: smooth
| font-kerning: normal
| -webkit-text-size-adjust: 100%
|
| body
| font-family: var(--font)
| background-color: var(--bg)
| color: var(--text)
| font-size: 16px
| line-height: 1.5
| max-width: 1440px
| margin: 0 auto
| position: relative
| font-kerning: normal
| display: flex
| flex-direction: column
| justify-content: space-between
| min-height: 100vh
| -webkit-font-smoothing: antialiased
| -moz-osx-font-smoothing: grayscale
|
| a
| text-decoration: none
| color: inherit
| p
| padding: 1rem 0
| li
| padding: 0.25rem 0
| p
| padding: 0.5rem 0
| blockquote
| opacity: 0.8
| padding: 1rem
| position: relative
| quotes: '\201C''\201D''\2018''\2019'
| margin: 0.75rem 0
| display: flex
| flex-flow: row wrap
| background-repeat: no-repeat
| background-size: 5rem
| background-position: 50% 50%
| position: relative
| &::before
| content: ""
| padding: 1px
| position: absolute
| top: 0
| bottom: 0
| left: 0
| background: var(--theme)
|
| p
| padding-left: 0.5rem 0 !important
| font-size: 1.1rem !important
| width: 100%
| font-weight: 300
| font-style: italic
|
| h1,h2,h3,h4,h5
| font-family: inherit
| font-weight: 500
| padding: 0.33rem 0
| color: inherit
| line-height: 1.35
|
| h1
| font-size: 200%
| h2
| font-size: 175%
| h3
| font-size: 150%
| h4
| font-size: 125%
| h5
| font-size: 120%
| h6
| font-size: 100%
|
| img, svg, figure
| max-width: 100%
| vertical-align: middle
| img
| height: auto
| margin: 1rem auto
| padding: 0
|
| main
| padding-bottom: 45px
| flex: 1
|
|
| ol, ul
| list-style: none
|
| b, strong
| font-weight: 500
|
| hr
| border: none
| padding: 0.5px
| background: var(--text)
| opacity: 0.5
| margin: 1rem 0
|
| aside
| position: sticky
| top: 2.5rem
| max-height: 80vh
| overflow-y: auto
| background: var(--accent)
| padding: 1rem 1.5rem
| padding-bottom: 2rem
| border-radius: 0.25rem
| h3
| position: relative
| ul
| padding: 0
| list-style: none
|
| th, td
| padding: 0.5rem
| font-weight: 400 !important
| &:not(:first-child)
| padding-left: 1.5rem
|
| thead
| background: var(--theme)
| color: var(--light)
| font-weight: 400
| text-align: left
|
| tbody
| tr
| &:nth-child(even)
| background-color: var(--accent) !important
| box-shadow: 0 1rem 0.75rem -0.75rem rgba(0,0,0,0.07)
|
| table
| margin: 1.5rem 0
| width: 100%
|
| .main
| flex: 1
|
| .page
| &-home
| h1
| font-weight: 300
|
| .content
| ul, ol
| padding-left: 1.1rem
| ul
| list-style: initial
| ol
| list-style: decimal
| a:not(.button)
| color: var(--theme)
|
| ::placeholder
| font-size: 1rem
|
|
