1@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
 2
 3:root {
 4  line-height: 1.5;
 5  font-weight: 400;
 6  font-synthesis: none;
 7  text-rendering: optimizeLegibility;
 8  -webkit-font-smoothing: antialiased;
 9  -moz-osx-font-smoothing: grayscale;
10}
11
12* {
13  box-sizing: border-box;
14  margin: 0;
15  padding: 0;
16}
17
18html {
19  height: 100%;
20}
21
22body {
23  margin: 0;
24  min-height: 100vh;
25  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
26    Arial, sans-serif;
27  background-color: var(--background-color, #f5f5f7);
28  color: var(--text-color, #1d1d1f);
29}
30
31h1 {
32  font-size: 3.2em;
33  line-height: 1.1;
34}
35
36button {
37  border-radius: 8px;
38  border: 1px solid transparent;
39  padding: 0.6em 1.2em;
40  font-size: 1em;
41  font-weight: 500;
42  font-family: inherit;
43  background-color: #1a1a1a;
44  cursor: pointer;
45  transition: border-color 0.25s;
46}
47button:hover {
48  border-color: #646cff;
49}
50button:focus,
51button:focus-visible {
52  outline: 4px auto -webkit-focus-ring-color;
53}
54
55@media (prefers-color-scheme: light) {
56  :root {
57    color: #213547;
58    background-color: #ffffff;
59  }
60  a:hover {
61    color: #747bff;
62  }
63  button {
64    background-color: #f9f9f9;
65  }
66}