2023-06-08 11:42:59 +02:00
|
|
|
@tailwind base;
|
|
|
|
|
@tailwind components;
|
|
|
|
|
@tailwind utilities;
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'ibm-vga';
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
src: url('/public/fonts/Web437_IBM_VGA_8x16.woff')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@layer base {
|
|
|
|
|
html {
|
|
|
|
|
font-family: ibm-vga, monospace;
|
2023-06-19 17:03:28 +02:00
|
|
|
font-size: 17px;
|
2023-06-19 15:01:24 +02:00
|
|
|
}
|
|
|
|
|
b {
|
|
|
|
|
@apply text-white font-normal
|
2023-06-08 11:42:59 +02:00
|
|
|
}
|
|
|
|
|
|
2023-06-13 17:35:52 +02:00
|
|
|
a {
|
|
|
|
|
@apply text-blue-400 hover:text-blue-300 underline
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h1 {
|
2023-06-14 10:22:06 +02:00
|
|
|
@apply text-shadow-md font-bold shadow-zinc-950 text-white
|
2023-06-13 17:35:52 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h2 {
|
2023-06-14 10:22:06 +02:00
|
|
|
@apply text-shadow-sm font-bold shadow-zinc-950 text-white text-xl
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
hr {
|
2023-06-19 15:50:38 +02:00
|
|
|
@apply border-zinc-500 drop-shadow-pixel-sm shadow-zinc-900 my-2
|
2023-06-13 17:35:52 +02:00
|
|
|
}
|
2023-06-08 11:42:59 +02:00
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* https://pixelcorners.lukeb.co.uk */
|
|
|
|
|
.pixel-corner-sm {
|
|
|
|
|
clip-path: polygon(
|
|
|
|
|
0px calc(100% - 2px),
|
|
|
|
|
1px calc(100% - 2px),
|
|
|
|
|
1px calc(100% - 1px),
|
|
|
|
|
2px calc(100% - 1px),
|
|
|
|
|
2px 100%,
|
|
|
|
|
calc(100% - 2px) 100%,
|
|
|
|
|
calc(100% - 2px) calc(100% - 1px),
|
|
|
|
|
calc(100% - 1px) calc(100% - 1px),
|
|
|
|
|
calc(100% - 1px) calc(100% - 2px),
|
|
|
|
|
100% calc(100% - 2px),
|
|
|
|
|
100% 2px,
|
|
|
|
|
calc(100% - 1px) 2px,
|
|
|
|
|
calc(100% - 1px) 1px,
|
|
|
|
|
calc(100% - 2px) 1px,
|
|
|
|
|
calc(100% - 2px) 0px,
|
|
|
|
|
2px 0px,
|
|
|
|
|
2px 1px,
|
|
|
|
|
1px 1px,
|
|
|
|
|
1px 2px,
|
|
|
|
|
0px 2px
|
|
|
|
|
);
|
|
|
|
|
}
|
2023-06-08 20:24:15 +02:00
|
|
|
|
|
|
|
|
.pixel-corner-md {
|
|
|
|
|
clip-path: polygon(
|
|
|
|
|
0px calc(100% - 3px),
|
|
|
|
|
3px calc(100% - 3px),
|
|
|
|
|
3px 100%,
|
|
|
|
|
calc(100% - 3px) 100%,
|
|
|
|
|
calc(100% - 3px) calc(100% - 3px),
|
|
|
|
|
100% calc(100% - 3px),
|
|
|
|
|
100% 3px,
|
|
|
|
|
calc(100% - 3px) 3px,
|
|
|
|
|
calc(100% - 3px) 0px,
|
|
|
|
|
3px 0px,
|
|
|
|
|
3px 3px,
|
|
|
|
|
0px 3px
|
|
|
|
|
);
|
|
|
|
|
}
|
