-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.css
64 lines (52 loc) · 1.75 KB
/
main.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
* {
box-sizing: border-box;
transition: all .2s cubic-bezier(0.33, 1, 0.68, 1);
--highlight: rgb(0, 0, 255);
--serif: Georgia, et-book, "Numeral LF Serif", "Han Songti GB", "Noto Serif SC", "Noto Serif KR", Batang, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif, "Noto Emoji";
--kai: Georgia, et-book, "Numeral LF Serif", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, "Times New Roman", "Han Kaiti GB", STKaiti, Kaiti, "Kaiti SC", Kai, FZKaiti, "Noto Serif SC", "Noto Serif KR", Batang, cursive, serif, "Noto Emoji";
--sans: "Helvetica Neue", Helvetica, Arial, Verdana, -apple-system, BlinkMacSystemFont, Avenir, "Segoe UI Variable", "Segoe UI", "Han Heiti GB", Heiti, Hei, STHeiti, sans-serif, "Noto Emoji";
--arrow: -apple-system, BlinkMacSystemFont, Calibri, "Helvetica Neue", Helvetica, Arial, system-ui, "Arial Unicode MS", sans-serif, "Noto Color Emoji";
--mono: ui-monospace, SF Mono, Menlo, Monaco, Andale Mono, monospace;
font-family: var(--sans);
}
body {
margin: 0;
padding: 0;
}
main {
max-width: 80ch;
padding: 2rem 2rem 10rem 2rem;
}
footer {
position: fixed;
bottom: 1rem;
left: 2rem;
background: rgba(255, 255, 255, 0.8);
}
h1 {
margin-top: 3rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgb(0, 0, 0);
}
h2 {
margin-top: 2rem;
}
a {
color: var(--highlight);
text-decoration: none;
border-bottom: 1px solid var(--highlight);
}
a:hover {
background-color: var(--highlight);
color: rgb(255, 255, 255);
}
a[href="/join"] {
border: 1px solid var(--highlight);
padding: 2px 8px;
border-radius: 50px;
white-space: nowrap;
line-height: 2;
}
code,pre {
font-family: var(--mono);
}