74 lines
1.4 KiB
CSS
74 lines
1.4 KiB
CSS
@import 'tailwindcss';
|
|
|
|
@theme {
|
|
--color-background: var(--background);
|
|
--color-foreground: var(--foreground);
|
|
}
|
|
|
|
/*
|
|
The default border color has changed to `currentColor` in Tailwind CSS v4,
|
|
so we've added these compatibility styles to make sure everything still
|
|
looks the same as it did with Tailwind CSS v3.
|
|
|
|
If we ever want to remove these styles, we need to add an explicit border
|
|
color utility to any element that depends on these defaults.
|
|
*/
|
|
@layer base {
|
|
*,
|
|
::after,
|
|
::before,
|
|
::backdrop,
|
|
::file-selector-button {
|
|
border-color: var(--color-gray-200, currentColor);
|
|
}
|
|
}
|
|
|
|
@utility text-balance {
|
|
text-wrap: balance;
|
|
}
|
|
|
|
@layer utilities {
|
|
:root {
|
|
--foreground-rgb: 255, 255, 255;
|
|
--background-start-rgb: 0, 0, 0;
|
|
--background-end-rgb: 0, 0, 0;
|
|
}
|
|
|
|
body {
|
|
color: rgb(var(--foreground-rgb));
|
|
background: linear-gradient(
|
|
to bottom,
|
|
transparent,
|
|
rgb(var(--background-end-rgb))
|
|
)
|
|
rgb(var(--background-start-rgb));
|
|
}
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
.glow {
|
|
text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
@keyframes pulse-glow {
|
|
0%, 100% {
|
|
text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
|
|
}
|
|
50% {
|
|
text-shadow: 0 0 20px rgba(255, 255, 255, 1);
|
|
}
|
|
}
|
|
|
|
.hover\:glow:hover {
|
|
animation: pulse-glow 2s infinite;
|
|
}
|
|
|
|
.sub {
|
|
list-style-type: circle;
|
|
margin-left: 2rem;
|
|
}
|
|
|