metacrisis.info/custom.css at main · life-itself/metacrisis.info · GitHub

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
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

:root {
  --font-heading: Crimson Text, Georgia, serif;
  --font-body: Crimson Text, Georgia, serif;
  --font-size-xxl: calc(var(--font-size-base) * 3.75);

  --eclipse-dark: #0c0a09;     /* stone-950 */
  --eclipse-panel: #1c1917;    /* stone-900 */
  --gold-dim: #b45309;
  --gold-light: #fbbf24;
  --text-color-brown: #E7DFD3;

  --color-d-background: var(--eclipse-dark);
  --color-d-foreground: var(--color-stone-200);
}

body {
  color: var(--text-color-brown);
}

.site-navbar-site-name {
  font-weight: var(--font-weight-semibold);
}

.site-navbar-link {
  font-size: var(--font-size-md);
}

.site-navbar-links-container {
  justify-content: end;
}

.site-navbar-inner {
  max-width: 80rem;
}

.page-header {
  max-width: 48rem;
  margin: 0 auto 2rem auto;
  border-bottom-width: 0px;
  border-color: inherit;
  padding-bottom: 0rem;
}

.page-header>*+* {
  margin-top: 1rem
}

.page-header-title {
  font-size: var(--font-size-h1);
}

@media (min-width: 640px) {
  .page-header-title {
      font-size: var(--font-size-xl);
  }
}

.page-body {
  max-width: 48rem;
  margin: 0 auto;
}

/* Hide # heading link in the hero */
header .heading-link {
  visibility: hidden;
}