edouard.paris
forked from
atproto.fr/atproto.fr
Website of atproto.fr
1@import "tailwindcss";
2
3@custom-variant dark (&:where(.dark, .dark *));
4
5@theme {
6 --color-atfr-green: #267E5C;
7 --color-atfr-light: #B0D9C8;
8}
9
10html,
11body {
12 padding: 0;
13 margin: 0;
14}
15
16html,
17body {
18 height: 100%;
19 font-family: "Crimson Pro", serif;
20 font-optical-sizing: auto;
21 font-weight: 300;
22 font-style: normal;
23 font-size: 20px;
24}
25
26a {
27 color: inherit;
28}
29
30* {
31 box-sizing: border-box;
32}
33
34img,
35picture,
36video,
37canvas,
38svg {
39 display: block;
40 max-width: 100%;
41}
42
43input,
44button,
45textarea,
46select {
47 font: inherit;
48}
49
50h1,
51h2,
52h3,
53h4,
54h5,
55h6 {
56 font-style: italic;
57 line-height: 1.25;
58 margin-bottom: calc(var(--spacing) * 4);
59}
60
61h1 {
62 font-size: 2em;
63}
64
65h2 {
66 font-size: 1.5em;
67}
68
69h3 {
70 font-size: 1.25em;
71}
72
73h4 {
74 font-size: 1em;
75}
76
77h5 {
78 font-size: 0.875em;
79}
80
81h6 {
82 font-size: 0.75em;
83}
84
85p,
86h1,
87h2,
88h3,
89h4,
90h5,
91h6 {
92 overflow-wrap: break-word;
93}
94
95article {
96 max-width: 60ch;
97}