馃 distributed transcription service
thistle.dunkirk.sh
dunkirk.sh
1@import url("./buttons.css");
2@import url("./header.css");
3
4:root {
5 /* Color palette */
6 --gunmetal: #2d3142ff;
7 --paynes-gray: #4f5d75ff;
8 --silver: #bfc0c0ff;
9 --off-white: #fcf6f1;
10 --coral: #ef8354ff;
11 --success-green: #16a34a;
12
13 /* Semantic color assignments */
14 --text: var(--gunmetal);
15 --background: var(--off-white);
16 --primary: var(--paynes-gray);
17 --secondary: var(--silver);
18 --accent: var(--coral);
19 --success: var(--success-green);
20}
21
22body {
23 font-family: "Charter", "Bitstream Charter", "Sitka Text", Cambria, serif;
24 font-weight: 400;
25 margin: 0;
26 padding: 2rem;
27 line-height: 1.6;
28 background: var(--background);
29 color: var(--text);
30}
31
32h1,
33h2,
34h3,
35h4,
36h5 {
37 font-family: "Charter", "Bitstream Charter", "Sitka Text", Cambria, serif;
38 font-weight: 600;
39 line-height: 1.2;
40 color: var(--text);
41}
42
43html {
44 font-size: 100%;
45}
46
47/* 16px */
48
49h1 {
50 font-size: 4.21rem;
51 /* 67.36px */
52 margin-top: 0;
53}
54
55h2 {
56 font-size: 3.158rem;
57 /* 50.56px */
58}
59
60h3 {
61 font-size: 2.369rem;
62 /* 37.92px */
63}
64
65h4 {
66 font-size: 1.777rem;
67 /* 28.48px */
68}
69
70h5 {
71 font-size: 1.333rem;
72 /* 21.28px */
73}
74
75small {
76 font-size: 0.75rem;
77 /* 12px */
78}
79
80main {
81 margin: 0 auto;
82 max-width: 48rem;
83}