Relay firehose browser tools: https://compare.hose.cam
microcosm.blue
1:root {
2 font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
3 line-height: 1.5;
4 font-weight: 400;
5
6 /*color-scheme: light dark;*/
7 color-scheme: dark;
8 color: rgba(255, 255, 255, 0.87);
9 background-color: #121212;
10
11 font-synthesis: none;
12 text-rendering: optimizeLegibility;
13 -webkit-font-smoothing: antialiased;
14 -moz-osx-font-smoothing: grayscale;
15}
16
17a {
18 font-weight: 500;
19 color: #646cff;
20 text-decoration: inherit;
21}
22a:hover {
23 color: #535bf2;
24}
25
26body {
27 margin: 0;
28 display: flex;
29 place-items: center;
30 min-width: 320px;
31 min-height: 100vh;
32}
33
34h1 {
35 font-size: 3.2em;
36 line-height: 1.1;
37}
38
39button {
40 border-radius: 0.3em;
41 border: 1px solid transparent;
42 padding: 0.5em;
43 font-size: 1em;
44 font-weight: 500;
45 font-family: inherit;
46 background-color: #1a1a1a;
47 cursor: pointer;
48}
49button:hover {
50 border-color: #646cff;
51}
52button:focus,
53button:focus-visible {
54 outline: 4px auto -webkit-focus-ring-color;
55}
56
57/*@media (prefers-color-scheme: light) {
58 :root {
59 color: #213547;
60 background-color: #ffffff;
61 }
62 a:hover {
63 color: #747bff;
64 }
65 button {
66 background-color: #f9f9f9;
67 }
68}*/