58 lines
1.1 KiB
CSS
58 lines
1.1 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--background: #ffffff;
|
|
--foreground: #171717;
|
|
}
|
|
|
|
@theme inline {
|
|
--color-background: var(--background);
|
|
--color-foreground: var(--foreground);
|
|
--font-sans: var(--font-geist-sans);
|
|
--font-mono: var(--font-geist-mono);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background: #0a0a0a;
|
|
--foreground: #ededed;
|
|
}
|
|
}
|
|
|
|
body {
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
font-family: var(--font-geist-sans), system-ui, -apple-system, sans-serif;
|
|
}
|
|
|
|
* {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
html {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
/* 네온 글로우 효과 */
|
|
@keyframes neon-glow {
|
|
0%, 100% {
|
|
text-shadow:
|
|
0 0 10px rgba(6, 182, 212, 0.5),
|
|
0 0 20px rgba(6, 182, 212, 0.5),
|
|
0 0 30px rgba(6, 182, 212, 0.5),
|
|
0 0 40px rgba(16, 185, 129, 0.5);
|
|
}
|
|
50% {
|
|
text-shadow:
|
|
0 0 20px rgba(6, 182, 212, 0.8),
|
|
0 0 30px rgba(6, 182, 212, 0.8),
|
|
0 0 40px rgba(6, 182, 212, 0.8),
|
|
0 0 50px rgba(16, 185, 129, 0.8),
|
|
0 0 60px rgba(16, 185, 129, 0.6);
|
|
}
|
|
}
|
|
|
|
.neon-text {
|
|
animation: neon-glow 3s ease-in-out infinite;
|
|
}
|