Hugging Face's logo

Spaces:
amogaddy
/
GenerAI
Sleeping

App Files Community
GenerAI
File size: 1,301 Bytes
97ee7cb
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
@import "tailwindcss";

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --font-display: "Space Grotesk", "Inter", sans-serif;

  --color-wm-bg: #050505;
  --color-wm-card: #111111;
  --color-wm-border: #222222;
  --color-wm-green: #4ade80;
  --color-wm-blue: #60a5fa;
  --color-wm-text: #f3f4f6;
  --color-wm-muted: #9ca3af;
}

body {
  background-color: var(--color-wm-bg);
  color: var(--color-wm-text);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}

.glass-panel {
  background: rgba(17, 17, 17, 0.7);
  backdrop-filter: blur(12px);
  border: 1px solid var(--color-wm-border);
}

.data-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1px;
  background: var(--color-wm-border);
  border: 1px solid var(--color-wm-border);
}

.data-cell {
  background: var(--color-wm-bg);
  padding: 1.5rem;
}

.text-glow {
  text-shadow: 0 0 20px rgba(74, 222, 128, 0.3);
}

.border-glow {
  box-shadow: 0 0 20px rgba(74, 222, 128, 0.1);
}

/* Marquee animation */
.marquee-track {
  display: flex;
  animation: marquee 45s linear infinite;
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}