50 lines
No EOL
822 B
CSS
50 lines
No EOL
822 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
--background: #ffffff;
|
|
--foreground: #171717;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background: #0a0a0a;
|
|
--foreground: #ededed;
|
|
}
|
|
}
|
|
|
|
body {
|
|
color: var(--foreground);
|
|
background: var(--background);
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
/* Import the WOFF IBM VGA font */
|
|
@font-face {
|
|
font-family: 'IBM VGA 8x16';
|
|
src: url('/Web437_IBM_VGA_8x16.woff') format('woff');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
.vga-font {
|
|
font-family: 'IBM VGA 8x16', monospace;
|
|
}
|
|
|
|
/* Make sure to inherit the text color for the glow color */
|
|
.glow {
|
|
text-shadow: 0 0 10px var(--foreground);
|
|
}
|
|
|
|
.contrast {
|
|
filter: invert(1);
|
|
}
|
|
|
|
.hue-rotate {
|
|
filter: hue-rotate(180deg);
|
|
}
|
|
|
|
.grayscale {
|
|
filter: grayscale(1);
|
|
} |