Hugging Face's logo

Spaces:
GarGerry
/
Flux-web
Running

App Files Community
GarGerry commited on
Commit
1a10267
·
verified ·
1 Parent(s): 2fe2a19

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +52 -40
style.css CHANGED
@@ -1,63 +1,75 @@
1
  body {
2
- padding: 2rem;
3
- font-family: "Orbitron", "Arial", sans-serif;
4
- background: radial-gradient(circle, #0f2027, #203a43, #2c5364);
5
- color: #e0e0e0;
 
6
  }
7
 
8
  h1 {
9
- font-size: 20px;
10
- margin-top: 0;
11
- color: #00eaff;
12
- text-transform: uppercase;
13
- text-shadow: 0 0 8px #00eaff, 0 0 15px #00eaff;
 
14
  }
15
 
16
  p {
17
- color: #b0bec5;
18
- font-size: 14px;
19
- margin-bottom: 10px;
20
- margin-top: 5px;
21
- line-height: 1.6;
22
  }
23
 
24
  .card {
25
- max-width: 620px;
26
- margin: 0 auto;
27
- padding: 20px;
28
- border: 1px solid rgba(0, 255, 255, 0.3);
29
- border-radius: 16px;
30
- background: linear-gradient(145deg, #112233, #334455);
31
- box-shadow: 0 4px 20px rgba(0, 255, 255, 0.5), inset 0 0 15px rgba(0, 255, 255, 0.1);
 
32
  }
33
 
34
  .card:hover {
35
- box-shadow: 0 8px 30px rgba(0, 255, 255, 0.7), inset 0 0 20px rgba(0, 255, 255, 0.2);
36
- transform: scale(1.02);
37
- transition: all 0.3s ease;
38
  }
39
 
40
  .card p:last-child {
41
- margin-bottom: 0;
42
  }
43
 
44
  button {
45
- display: block;
46
- margin: 20px auto 0;
47
- padding: 10px 20px;
48
- font-size: 14px;
49
- color: #00eaff;
50
- background: transparent;
51
- border: 2px solid #00eaff;
52
- border-radius: 8px;
53
- cursor: pointer;
54
- text-transform: uppercase;
55
- box-shadow: 0 0 10px #00eaff, 0 0 20px rgba(0, 255, 255, 0.5);
56
- transition: all 0.3s ease;
57
  }
58
 
59
  button:hover {
60
- background: #00eaff;
61
- color: #0f2027;
62
- box-shadow: 0 0 20px #00eaff, 0 0 30px rgba(0, 255, 255, 0.7);
 
 
 
 
 
 
 
 
 
63
  }
 
1
  body {
2
+ padding: 2rem;
3
+ font-family: "Orbitron", "Arial", sans-serif;
4
+ background: radial-gradient(circle, #0f2027, #203a43, #2c5364);
5
+ color: #e0e0e0;
6
+ margin: 0;
7
  }
8
 
9
  h1 {
10
+ font-size: 24px;
11
+ margin-top: 0;
12
+ color: #00eaff;
13
+ text-transform: uppercase;
14
+ text-shadow: 0 0 8px #00eaff, 0 0 15px #00eaff;
15
+ text-align: center;
16
  }
17
 
18
  p {
19
+ color: #b0bec5;
20
+ font-size: 16px;
21
+ margin-bottom: 10px;
22
+ margin-top: 5px;
23
+ line-height: 1.6;
24
  }
25
 
26
  .card {
27
+ max-width: 620px;
28
+ margin: 0 auto;
29
+ padding: 20px;
30
+ border: 1px solid rgba(0, 255, 255, 0.3);
31
+ border-radius: 16px;
32
+ background: linear-gradient(145deg, #112233, #334455);
33
+ box-shadow: 0 4px 20px rgba(0, 255, 255, 0.5), inset 0 0 15px rgba(0, 255, 255, 0.1);
34
+ text-align: center;
35
  }
36
 
37
  .card:hover {
38
+ box-shadow: 0 8px 30px rgba(0, 255, 255, 0.7), inset 0 0 20px rgba(0, 255, 255, 0.2);
39
+ transform: scale(1.02);
40
+ transition: all 0.3s ease;
41
  }
42
 
43
  .card p:last-child {
44
+ margin-bottom: 0;
45
  }
46
 
47
  button {
48
+ display: block;
49
+ margin: 20px auto 0;
50
+ padding: 12px 24px;
51
+ font-size: 14px;
52
+ color: #00eaff;
53
+ background: transparent;
54
+ border: 2px solid #00eaff;
55
+ border-radius: 8px;
56
+ cursor: pointer;
57
+ text-transform: uppercase;
58
+ box-shadow: 0 0 10px #00eaff, 0 0 20px rgba(0, 255, 255, 0.5);
59
+ transition: all 0.3s ease;
60
  }
61
 
62
  button:hover {
63
+ background: #00eaff;
64
+ color: #0f2027;
65
+ box-shadow: 0 0 20px #00eaff, 0 0 30px rgba(0, 255, 255, 0.7);
66
+ }
67
+
68
+ iframe {
69
+ width: 100%;
70
+ height: 400px;
71
+ border: none;
72
+ border-radius: 16px;
73
+ margin-top: 20px;
74
+ box-shadow: 0 4px 15px rgba(0, 255, 255, 0.5), inset 0 0 10px rgba(0, 255, 255, 0.2);
75
  }