Permalink
October 19, 2023 16:49
October 19, 2023 16:49
October 19, 2023 16:49
Newer
100644
95 lines (82 sloc)
1.42 KB
1
:root {
2
font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
3
font-size: 16px;
4
line-height: 24px;
5
font-weight: 400;
6
7
color-scheme: light dark;
8
color: rgba(255, 255, 255, 0.87);
9
background-color: #242424;
10
11
font-synthesis: none;
12
text-rendering: optimizeLegibility;
13
-webkit-font-smoothing: antialiased;
14
-moz-osx-font-smoothing: grayscale;
15
-webkit-text-size-adjust: 100%;
16
}
17
18
a {
19
font-weight: 500;
20
color: #646cff;
21
text-decoration: inherit;
22
}
23
a:hover {
24
color: #535bf2;
25
}
26
27
h1 {
28
font-size: 3.2em;
29
line-height: 1.1;
30
}
31
32
button {
33
border-radius: 8px;
34
border: 1px solid transparent;
35
padding: 0.6em 1.2em;
36
font-size: 1em;
37
font-weight: 500;
38
font-family: inherit;
39
background-color: #1a1a1a;
40
cursor: pointer;
41
transition: border-color 0.25s;
42
}
43
button:hover {
44
border-color: #646cff;
45
}
46
button:focus,
47
button:focus-visible {
48
outline: 4px auto -webkit-focus-ring-color;
49
}
50
51
@media (prefers-color-scheme: light) {
52
:root {
53
color: #213547;
54
background-color: #ffffff;
55
}
56
a:hover {
57
color: #747bff;
58
}
59
button {
60
background-color: #f9f9f9;
61
}
62
}
63
65
min-height: 100vh;
66
margin: 0 auto;
67
}
68
69
.card {
70
padding: 2em;
71
}
72
73
::file-selector-button {
74
display: none;
75
}
76
77
.desktop-nav {
78
visibility: visible;
79
}
80
81
.mobile-nav {
82
visibility: hidden;
83
}
84