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