-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.css
46 lines (41 loc) · 963 Bytes
/
index.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
:root {
color-scheme: light dark;
--bgc: #242424;
--fc: #eee;
font-family: "IBM Plex Mono", Consolas, "Andale Mono WT", "Andale Mono",
"Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
"Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco,
"Courier New", Courier, monospace;
}
* { box-sizing: border-box; }
@media (prefers-color-scheme: light) {
html:not(.it),img,svg,video { filter: invert(95%) hue-rotate(180deg); }
}
@media (prefers-color-scheme: dark) {
html.it,img,svg,video { filter: invert(95%) hue-rotate(180deg); }
}
body {
background: var(--bgc);
color: var(--fc);
margin: 0;
display: flex;
flex-direction: column;
place-items: center;
min-width: 320px;
min-height: 100vh;
width: 100%;
height: 100%;
}
main {
display: flex;
flex: 1 1 auto;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
h1 {
font-size: 5rem;
}