Spaces:
Sleeping
Sleeping
File size: 1,528 Bytes
43d708a | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 | @import "tailwindcss";
:root {
--bg-primary: #0a0a0a;
--bg-secondary: #111111;
--bg-glass: rgba(255, 255, 255, 0.04);
--border: rgba(255, 255, 255, 0.08);
--text-primary: #f0f0f0;
--text-muted: #555555;
--lava-core: #ff4500;
--lava-mid: #ff6a00;
--lava-glow: rgba(255, 69, 0, 0.35);
--accent-green: #00ff88;
--accent-red: #ff3b3b;
--accent-yellow: #ffd700;
}
@theme inline {
--color-background: var(--bg-primary);
--color-foreground: var(--text-primary);
--font-mono: var(--font-geist-mono);
}
body {
background: var(--bg-primary);
color: var(--text-primary);
font-family: var(--font-mono), monospace;
overflow: hidden;
}
.custom-scrollbar::-webkit-scrollbar {
width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background: var(--border);
border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
background: var(--text-muted);
}
@keyframes lava-pulse {
0% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
50% { transform: translate(-50%, -50%) scale(1.02); opacity: 1; }
100% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
}
.animate-lava {
animation: lava-pulse 4s infinite ease-in-out;
}
@keyframes danger-ring {
0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
70% { box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); }
100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
.animate-danger {
animation: danger-ring 1.5s infinite;
}
|