GarGerry commited on
Commit
ed835c5
·
verified ·
1 Parent(s): 4ab792f

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +5 -71
style.css CHANGED
@@ -1,72 +1,6 @@
1
- /* General Body Styling */
2
- body {
3
- margin: 0;
4
- padding: 0;
5
- background: linear-gradient(90deg, #000428, #004e92);
6
- font-family: Arial, sans-serif;
7
- overflow: hidden;
8
- }
9
-
10
- /* Game Container */
11
- .game-container {
12
- position: relative;
13
- width: 100vw;
14
- height: 80vh; /* Reduced height for controls */
15
- border: 3px solid #00ffcc;
16
- overflow: hidden;
17
- box-shadow: 0 0 20px #00ffcc;
18
- }
19
-
20
- /* Ball */
21
- .ball {
22
- position: absolute;
23
- top: 0;
24
- left: 50%;
25
- width: 20px;
26
- height: 20px;
27
- background: radial-gradient(circle, #ff00cc, #ff0066);
28
- border-radius: 50%;
29
- box-shadow: 0 0 15px #ff0066;
30
- transform: translate(-50%, -50%);
31
- }
32
-
33
- /* Platform */
34
- .platform {
35
- position: absolute;
36
- bottom: 5%;
37
- left: 50%;
38
- width: 100px;
39
- height: 20px;
40
- background: linear-gradient(90deg, #00ffcc, #0066ff);
41
- border-radius: 10px;
42
- box-shadow: 0 0 20px #00ffcc;
43
- transform: translateX(-50%);
44
- }
45
-
46
- /* Score Board */
47
- .score-board {
48
- position: absolute;
49
- top: 10px;
50
- left: 10px;
51
- font-size: 1.5em;
52
- color: #ffffff;
53
- background: rgba(0, 0, 0, 0.5);
54
- padding: 10px 20px;
55
- border-radius: 10px;
56
- box-shadow: 0 0 10px #00ffcc;
57
- }
58
-
59
- /* Controls */
60
- .controls {
61
- display: flex;
62
- justify-content: center;
63
- align-items: center;
64
- gap: 20px;
65
- margin-top: 10px;
66
- }
67
-
68
- .controls button {
69
- background: linear-gradient(90deg, #ff0066, #ffcc00);
70
  color: white;
71
  border: none;
72
  border-radius: 10px;
@@ -78,7 +12,7 @@ body {
78
  transition: transform 0.2s, box-shadow 0.2s;
79
  }
80
 
81
- .controls button:hover {
82
  transform: scale(1.1);
83
- box-shadow: 0 0 15px #ffcc00;
84
  }
 
1
+ /* Styling untuk tombol pause */
2
+ .controls button#pause-button {
3
+ background: linear-gradient(90deg, #ff0066, #6600cc);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4
  color: white;
5
  border: none;
6
  border-radius: 10px;
 
12
  transition: transform 0.2s, box-shadow 0.2s;
13
  }
14
 
15
+ .controls button#pause-button:hover {
16
  transform: scale(1.1);
17
+ box-shadow: 0 0 15px #6600cc;
18
  }