2024-05-04 00:11:56 +07:00
|
|
|
@tailwind base;
|
|
|
|
@tailwind components;
|
|
|
|
@tailwind utilities;
|
|
|
|
@tailwind variants;
|
|
|
|
|
|
|
|
html,
|
|
|
|
body {
|
|
|
|
@apply h-full;
|
|
|
|
}
|
2024-05-08 02:16:16 +07:00
|
|
|
p {
|
2024-05-28 10:03:29 +07:00
|
|
|
@apply mb-2;
|
2024-05-08 02:16:16 +07:00
|
|
|
}
|
|
|
|
.link {
|
2024-05-28 10:03:29 +07:00
|
|
|
@apply text-primary-800 dark:text-primary-500 hover:brightness-110;
|
2024-05-08 02:16:16 +07:00
|
|
|
}
|
|
|
|
a.external {
|
2024-05-28 10:03:29 +07:00
|
|
|
@apply link after:content-['_↗'];
|
2024-05-08 02:16:16 +07:00
|
|
|
}
|
2024-05-08 19:39:26 +07:00
|
|
|
.section-container {
|
2024-05-28 10:03:29 +07:00
|
|
|
@apply mx-auto w-full max-w-7xl p-4;
|
2024-05-08 19:39:26 +07:00
|
|
|
}
|
|
|
|
.hero-gradient {
|
2024-05-28 10:03:29 +07:00
|
|
|
background-image: radial-gradient(at 0% 0%, rgba(242, 104, 34, 0.4) 0px, transparent 50%),
|
|
|
|
radial-gradient(at 98% 1%, rgba(var(--color-warning-900) / 0.33) 0px, transparent 50%);
|
2024-05-04 00:11:56 +07:00
|
|
|
}
|