Hugging Face's logo

Spaces:
GarGerry
/
Flux-web
Running

App Files Community
GarGerry commited on
Commit
f488613
·
verified ·
1 Parent(s): 9c44aa0

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +46 -55
style.css CHANGED
@@ -1,72 +1,63 @@
1
- /* Global styling */
2
- * {
3
- margin: 0;
4
- padding: 0;
5
- box-sizing: border-box;
 
6
  }
7
 
8
- body {
9
- background: linear-gradient(to bottom, #0f0f0f, #131313);
10
- font-family: 'Arial', sans-serif;
11
- color: white;
12
- overflow: hidden;
 
 
 
 
 
 
 
13
  }
14
 
15
- .game-container {
16
- position: relative;
17
- width: 100vw;
18
- height: 100vh;
19
- display: flex;
20
- justify-content: center;
21
- align-items: center;
22
- flex-direction: column;
23
  }
24
 
25
- .ball {
26
- position: absolute;
27
- width: 30px;
28
- height: 30px;
29
- background: radial-gradient(circle, #00FFAB, #00B89C);
30
- border-radius: 50%;
31
- box-shadow: 0 0 20px rgba(0, 255, 171, 0.8);
32
  }
33
 
34
- .platform {
35
- position: absolute;
36
- width: 100px;
37
- height: 20px;
38
- background: linear-gradient(to left, #FF007A, #E5006D);
39
- bottom: 0;
40
- border-radius: 10px;
41
- box-shadow: 0 0 20px rgba(255, 0, 122, 0.8);
42
  }
43
 
44
- #score {
45
- position: absolute;
46
- top: 20px;
47
- left: 20px;
48
- font-size: 24px;
49
- text-shadow: 0 0 10px rgba(0, 255, 171, 0.8);
 
50
  }
51
 
52
- #level {
53
- position: absolute;
54
- top: 20px;
55
- right: 20px;
56
- font-size: 24px;
57
- text-shadow: 0 0 10px rgba(0, 255, 171, 0.8);
58
  }
59
 
60
- #lives {
61
- position: absolute;
62
- top: 20px;
63
- width: 100%;
64
- text-align: center;
65
- font-size: 24px; /* Sama dengan ukuran skor dan level */
66
  }
67
 
68
- .life {
69
- margin-right: 10px;
70
- color: red; /* Red hearts */
71
- font-size: 24px; /* Sama dengan ukuran skor dan level */
72
  }
 
1
+ body {
2
+ font-family: Arial, sans-serif;
3
+ margin: 0;
4
+ padding: 0;
5
+ background: #f4f4f9;
6
+ color: #333;
7
  }
8
 
9
+ header {
10
+ background: #6200ea;
11
+ padding: 15px;
12
+ color: white;
13
+ text-align: center;
14
+ }
15
+
16
+ header nav ul {
17
+ display: flex;
18
+ justify-content: center;
19
+ list-style: none;
20
+ padding: 0;
21
  }
22
 
23
+ header nav ul li {
24
+ margin: 0 15px;
 
 
 
 
 
 
25
  }
26
 
27
+ header nav ul li a {
28
+ color: white;
29
+ text-decoration: none;
 
 
 
 
30
  }
31
 
32
+ section {
33
+ padding: 40px;
34
+ text-align: center;
 
 
 
 
 
35
  }
36
 
37
+ .project {
38
+ border: 1px solid #ccc;
39
+ padding: 20px;
40
+ margin: 10px auto;
41
+ max-width: 500px;
42
+ border-radius: 10px;
43
+ background: #f9f9f9;
44
  }
45
 
46
+ #chatbox {
47
+ margin-top: 20px;
48
+ padding: 10px;
49
+ border: 1px solid #6200ea;
50
+ border-radius: 5px;
51
+ display: none;
52
  }
53
 
54
+ footer {
55
+ text-align: center;
56
+ padding: 10px;
57
+ background: #6200ea;
58
+ color: white;
 
59
  }
60
 
61
+ .hidden {
62
+ display: none;
 
 
63
  }