File size: 1,144 Bytes
0e45313 15f5e73 d4b6cc6 0e45313 d4b6cc6 f40c8f3 d4b6cc6 0e45313 15f5e73 d4b6cc6 0e45313 15f5e73 d4b6cc6 15f5e73 d4b6cc6 15f5e73 d4b6cc6 0e45313 15f5e73 d4b6cc6 15f5e73 0e45313 | 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 | @import "tailwindcss";
@theme {
--font-sans: 'Inter', system-ui, -apple-system, sans-serif;
--font-mono: 'JetBrains Mono', monospace;
--color-cyber-blue: #00f2ff;
--color-cyber-pink: #ff00e5;
--color-cyber-dark: #050a15;
}
@layer base {
body {
@apply antialiased;
}
}
/* Grille Cyber */
.bg-grid {
background-image:
linear-gradient(to right, rgba(0, 242, 255, 0.05) 1px, transparent 1px),
linear-gradient(to bottom, rgba(0, 242, 255, 0.05) 1px, transparent 1px);
background-size: 40px 40px;
}
/* Scanner Laser */
@keyframes scan {
0% { transform: translateY(-100%); opacity: 0; }
50% { opacity: 1; }
100% { transform: translateY(1000%); opacity: 0; }
}
.scanner-line {
height: 2px;
background: linear-gradient(90deg, transparent, #00f2ff, transparent);
box-shadow: 0 0 15px #00f2ff;
animation: scan 2.5s linear infinite;
}
/* Scrollbar Style */
::-webkit-scrollbar {
width: 4px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #00f2ff;
border-radius: 10px;
}
.custom-scrollbar-light::-webkit-scrollbar-thumb {
background: #000000;
}
|