tv-game commited on
Commit
3dcbaeb
·
verified ·
1 Parent(s): ccadd07

Upload styles/globals.css with huggingface_hub

Browse files
Files changed (1) hide show
  1. styles/globals.css +82 -0
styles/globals.css ADDED
@@ -0,0 +1,82 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @tailwind base;
2
+ @tailwind components;
3
+ @tailwind utilities;
4
+
5
+ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@300;400;500;600;700;800&display=swap');
6
+
7
+ html {
8
+ scroll-behavior: smooth;
9
+ }
10
+
11
+ body {
12
+ font-family: 'Noto Sans Hebrew', sans-serif;
13
+ background: #0a0a0a;
14
+ color: #ffffff;
15
+ }
16
+
17
+ .glass {
18
+ background: rgba(255, 255, 255, 0.05);
19
+ backdrop-filter: blur(20px);
20
+ border: 1px solid rgba(255, 255, 255, 0.1);
21
+ }
22
+
23
+ .gradient-text {
24
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
25
+ background-size: 200% 200%;
26
+ -webkit-background-clip: text;
27
+ -webkit-text-fill-color: transparent;
28
+ background-clip: text;
29
+ animation: gradient 4s ease infinite;
30
+ }
31
+
32
+ .gradient-border {
33
+ position: relative;
34
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
35
+ background-size: 200% 200%;
36
+ animation: gradient 4s ease infinite;
37
+ padding: 2px;
38
+ border-radius: 16px;
39
+ }
40
+
41
+ .gradient-border > * {
42
+ background: #0a0a0a;
43
+ border-radius: 14px;
44
+ }
45
+
46
+ .orbit {
47
+ animation: orbit 20s linear infinite;
48
+ }
49
+
50
+ @keyframes orbit {
51
+ from { transform: rotate(0deg) translateX(150px) rotate(0deg); }
52
+ to { transform: rotate(360deg) translateX(150px) rotate(-360deg); }
53
+ }
54
+
55
+ .shine {
56
+ background: linear-gradient(
57
+ 45deg,
58
+ transparent 30%,
59
+ rgba(255,255,255,0.1) 50%,
60
+ transparent 70%
61
+ );
62
+ background-size: 200% 100%;
63
+ animation: shine 3s infinite;
64
+ }
65
+
66
+ @keyframes shine {
67
+ 0% { background-position: 200% 0; }
68
+ 100% { background-position: -200% 0; }
69
+ }
70
+
71
+ ::-webkit-scrollbar {
72
+ width: 8px;
73
+ }
74
+
75
+ ::-webkit-scrollbar-track {
76
+ background: #0a0a0a;
77
+ }
78
+
79
+ ::-webkit-scrollbar-thumb {
80
+ background: linear-gradient(135deg, #667eea, #764ba2);
81
+ border-radius: 4px;
82
+ }