Hugging Face's logo

Spaces:
GarGerry
/
Flux-web
Running

App Files Community
GarGerry commited on
Commit
993e97a
·
verified ·
1 Parent(s): bd734af

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +24 -56
style.css CHANGED
@@ -1,86 +1,54 @@
1
- /* Global styles */
2
  * {
3
  margin: 0;
4
  padding: 0;
5
  box-sizing: border-box;
6
- font-family: 'Arial', sans-serif;
7
  }
8
 
9
  body {
10
- background: linear-gradient(120deg, #2e3b4e, #1c2a38);
11
  color: #fff;
12
- font-size: 16px;
13
- }
14
-
15
- /* Header styles */
16
- header {
17
  display: flex;
18
- justify-content: space-between;
19
  align-items: center;
20
- padding: 20px;
21
- background-color: rgba(0, 0, 0, 0.7);
22
  }
23
 
24
- .logo {
25
- font-size: 24px;
26
- font-weight: bold;
27
- color: #00ff99;
28
  }
29
 
30
- nav a {
31
  color: #00ff99;
32
- text-decoration: none;
33
- margin: 0 15px;
34
- font-size: 18px;
35
  }
36
 
37
- nav a:hover {
38
- text-decoration: underline;
 
 
 
39
  }
40
 
41
- /* Hero section styles */
42
- .hero {
43
- text-align: center;
44
- padding: 100px 20px;
45
- background: url('https://via.placeholder.com/1500x800') no-repeat center center;
46
- background-size: cover;
47
- box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);
48
  }
49
 
50
- .hero h1 {
51
- font-size: 48px;
52
- color: #00ff99;
53
- text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
54
  }
55
 
56
- .hero p {
57
- font-size: 20px;
58
- margin: 20px 0;
59
- }
60
-
61
- .start-btn {
62
  background-color: #00ff99;
63
- color: #1c2a38;
64
- font-size: 20px;
65
- padding: 10px 30px;
66
  border: none;
 
 
67
  cursor: pointer;
68
- transition: all 0.3s ease;
69
  }
70
 
71
- .start-btn:hover {
72
  background-color: #008f66;
73
- transform: scale(1.1);
74
- }
75
-
76
- /* Footer styles */
77
- footer {
78
- text-align: center;
79
- padding: 20px;
80
- background-color: rgba(0, 0, 0, 0.7);
81
- margin-top: 40px;
82
- }
83
-
84
- footer p {
85
- font-size: 14px;
86
  }
 
 
1
  * {
2
  margin: 0;
3
  padding: 0;
4
  box-sizing: border-box;
 
5
  }
6
 
7
  body {
8
+ background-color: #2e3b4e;
9
  color: #fff;
10
+ font-family: 'Arial', sans-serif;
 
 
 
 
11
  display: flex;
12
+ justify-content: center;
13
  align-items: center;
14
+ height: 100vh;
 
15
  }
16
 
17
+ .game-container {
18
+ text-align: center;
 
 
19
  }
20
 
21
+ h1 {
22
  color: #00ff99;
23
+ font-size: 36px;
24
+ margin-bottom: 20px;
 
25
  }
26
 
27
+ #gameCanvas {
28
+ border: 2px solid #00ff99;
29
+ background-color: #111;
30
+ display: block;
31
+ margin: 0 auto;
32
  }
33
 
34
+ .game-over {
35
+ display: none;
36
+ margin-top: 20px;
 
 
 
 
37
  }
38
 
39
+ .game-over h2 {
40
+ color: #ff4444;
 
 
41
  }
42
 
43
+ button {
 
 
 
 
 
44
  background-color: #00ff99;
45
+ color: #111;
 
 
46
  border: none;
47
+ padding: 10px 20px;
48
+ font-size: 18px;
49
  cursor: pointer;
 
50
  }
51
 
52
+ button:hover {
53
  background-color: #008f66;
 
 
 
 
 
 
 
 
 
 
 
 
 
54
  }