53 lines
934 B
CSS
53 lines
934 B
CSS
@font-face {
|
|
font-family: "JetBrains Mono";
|
|
src: url("/JetBrainsMono.woff2");
|
|
font-display: swap;
|
|
}
|
|
|
|
html, html.light {
|
|
--accent: #00a584;
|
|
--accent-translucent: #00a58498;
|
|
--font-primary: "JetBrains Mono", monospace;
|
|
--primary: #ffffff;
|
|
--secondary: #eeeeee;
|
|
--tertiary: #939393;
|
|
--text: #444444;
|
|
--grey: #cecece;
|
|
--alt: #ddd;
|
|
--alt-text: #333;
|
|
color-scheme: light;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
html {
|
|
--primary: #151515;
|
|
--secondary: #252525;
|
|
--tertiary: #353535;
|
|
--text: #ffffffde;
|
|
--grey: #5454547a;
|
|
--alt: #333;
|
|
--alt-text: #ddd;
|
|
color-scheme: dark;
|
|
}
|
|
}
|
|
|
|
body {
|
|
@apply font-primary bg-primary text-text m-0 flex flex-col relative min-h-screen leading-relaxed transition-all duration-250;
|
|
}
|
|
|
|
::selection {
|
|
@apply bg-accentTranslucent;
|
|
}
|
|
|
|
main {
|
|
@apply p-4;
|
|
}
|
|
|
|
a {
|
|
@apply underline text-accent underline-offset-5 transition-filter duration-250;
|
|
}
|
|
|
|
a:hover {
|
|
@apply brightness-125;
|
|
}
|