VibeCodingStudio commited on
Commit
b7d634d
·
verified ·
1 Parent(s): e5778ac

Upload styles/globals.css with huggingface_hub

Browse files
Files changed (1) hide show
  1. styles/globals.css +91 -0
styles/globals.css ADDED
@@ -0,0 +1,91 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @tailwind base;
2
+ @tailwind components;
3
+ @tailwind utilities;
4
+
5
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');
6
+
7
+ :root {
8
+ --navy-950: #050810;
9
+ --navy-900: #0a0e1a;
10
+ --navy-800: #0d1224;
11
+ --accent-purple: #8b5cf6;
12
+ --accent-cyan: #06b6d4;
13
+ }
14
+
15
+ * {
16
+ scrollbar-width: thin;
17
+ scrollbar-color: rgba(139, 92, 246, 0.3) transparent;
18
+ }
19
+
20
+ *::-webkit-scrollbar {
21
+ width: 6px;
22
+ height: 6px;
23
+ }
24
+
25
+ *::-webkit-scrollbar-track {
26
+ background: transparent;
27
+ }
28
+
29
+ *::-webkit-scrollbar-thumb {
30
+ background: rgba(139, 92, 246, 0.3);
31
+ border-radius: 3px;
32
+ }
33
+
34
+ *::-webkit-scrollbar-thumb:hover {
35
+ background: rgba(139, 92, 246, 0.5);
36
+ }
37
+
38
+ body {
39
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
40
+ background: #050810;
41
+ color: #e2e8f0;
42
+ overflow: hidden;
43
+ }
44
+
45
+ @layer utilities {
46
+ .glass-panel {
47
+ background: rgba(13, 18, 36, 0.7);
48
+ backdrop-filter: blur(20px);
49
+ border: 1px solid rgba(139, 92, 246, 0.1);
50
+ }
51
+
52
+ .glass-panel-light {
53
+ background: rgba(26, 35, 66, 0.4);
54
+ backdrop-filter: blur(12px);
55
+ border: 1px solid rgba(139, 92, 246, 0.08);
56
+ }
57
+
58
+ .glow-border {
59
+ border: 1px solid rgba(139, 92, 246, 0.2);
60
+ box-shadow: 0 0 15px rgba(139, 92, 246, 0.05), inset 0 0 15px rgba(139, 92, 246, 0.02);
61
+ }
62
+
63
+ .glow-border-cyan {
64
+ border: 1px solid rgba(6, 182, 212, 0.2);
65
+ box-shadow: 0 0 15px rgba(6, 182, 212, 0.05), inset 0 0 15px rgba(6, 182, 212, 0.02);
66
+ }
67
+
68
+ .text-gradient {
69
+ background: linear-gradient(135deg, #8b5cf6, #06b6d4);
70
+ -webkit-background-clip: text;
71
+ -webkit-text-fill-color: transparent;
72
+ background-clip: text;
73
+ }
74
+
75
+ .bg-gradient-mesh {
76
+ background:
77
+ radial-gradient(ellipse at 20% 50%, rgba(139, 92, 246, 0.08) 0%, transparent 50%),
78
+ radial-gradient(ellipse at 80% 20%, rgba(6, 182, 212, 0.06) 0%, transparent 50%),
79
+ radial-gradient(ellipse at 50% 80%, rgba(139, 92, 246, 0.04) 0%, transparent 50%);
80
+ }
81
+
82
+ .terminal-text {
83
+ font-family: 'JetBrains Mono', 'Fira Code', monospace;
84
+ font-size: 0.8125rem;
85
+ line-height: 1.5;
86
+ }
87
+
88
+ .ring-chart {
89
+ transform: rotate(-90deg);
90
+ }
91
+ }