repos / starfx

index.css

 1:root {
 2  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
 3  line-height: 1.5;
 4  font-weight: 400;
 5
 6  color-scheme: light dark;
 7  color: rgba(255, 255, 255, 0.87);
 8  background-color: #242424;
 9
10  font-synthesis: none;
11  text-rendering: optimizeLegibility;
12  -webkit-font-smoothing: antialiased;
13  -moz-osx-font-smoothing: grayscale;
14  -webkit-text-size-adjust: 100%;
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: 8px;
41  border: 1px solid transparent;
42  padding: 0.6em 1.2em;
43  font-size: 1em;
44  font-weight: 500;
45  font-family: inherit;
46  background-color: #1a1a1a;
47  cursor: pointer;
48  transition: border-color 0.25s;
49}
50button:hover {
51  border-color: #646cff;
52}
53button:focus,
54button:focus-visible {
55  outline: 4px auto -webkit-focus-ring-color;
56}
57
58@media (prefers-color-scheme: light) {
59  :root {
60    color: #213547;
61    background-color: #ffffff;
62  }
63  a:hover {
64    color: #747bff;
65  }
66  button {
67    background-color: #f9f9f9;
68  }
69}