35 lines
639 B
CSS
35 lines
639 B
CSS
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
}
|
|
|
|
:root {
|
|
--base-color: oklch(92.2% 0 0);
|
|
--base-color-content: oklch(25.3267% 0.015896 252.417568);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--base-color: oklch(25.3267% 0.015896 252.417568);
|
|
--base-color-content: oklch(92.2% 0 0);
|
|
}
|
|
}
|
|
|
|
body {
|
|
display: grid;
|
|
place-content: center;
|
|
background-color: var(--base-color);
|
|
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
|
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
height: 100vh;
|
|
}
|
|
|
|
div {
|
|
color: var(--base-color-content);
|
|
font-size: 1rem;
|
|
} |