Hugging Face's logo

Spaces:
Sergidev
/
cps
Running

App Files Community
Sergidev commited on
Commit
d75122f
·
verified ·
1 Parent(s): 6d0826c

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +38 -45
style.css CHANGED
@@ -1,64 +1,57 @@
1
- /* Global Styles */
2
-
3
- * {
4
- box-sizing: border-box;
5
- margin: 0;
6
- padding: 0;
7
- }
8
-
9
  body {
10
- font-family: Arial, sans-serif;
11
- background-color: #212121; /* Dark background */
12
- color: #fff; /* White text */
13
- text-align: center;
14
- padding: 20px;
15
  }
16
 
17
  .container {
18
- max-width: 400px;
19
- margin: 40px auto;
20
- padding: 20px;
21
- background-color: #333; /* Darker background for container */
22
- border-radius: 10px;
23
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
24
  }
25
 
26
- /* Button Styles */
 
 
 
 
 
 
 
 
 
 
27
 
28
  .start-button {
29
- background-color: #3498db; /* Blue button */
30
- color: #fff;
31
- border: none;
32
- padding: 10px 20px;
33
- font-size: 18px;
34
- cursor: pointer;
35
- border-radius: 5px;
36
- transition: background-color 0.3s ease;
37
  }
38
 
39
  .start-button:hover {
40
- background-color: #2980b9; /* Darker blue on hover */
41
  }
42
 
43
  .start-button.active {
44
- background-color: #fff; /* White button when active */
45
- color: #333;
46
  }
47
 
48
- /* Counter and Timer Styles */
49
-
50
- .click-counter {
51
- font-size: 24px;
52
- margin: 20px 0;
53
- }
54
-
55
- .timer {
56
- font-size: 36px;
57
- font-weight: bold;
58
- margin: 20px 0;
59
  }
60
 
61
- .cps-display {
62
- font-size: 24px;
63
- margin: 20px 0;
 
64
  }
 
 
 
 
 
 
 
 
 
1
  body {
2
+ background-color: #333;
3
+ font-family: Arial, sans-serif;
4
+ text-align: center;
 
 
5
  }
6
 
7
  .container {
8
+ max-width: 400px;
9
+ margin: 40px auto;
10
+ padding: 20px;
11
+ background-color: #444;
12
+ border-radius: 10px;
13
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
14
  }
15
 
16
+ h1 {
17
+ color: #fff;
18
+ margin-top: 0;
19
+ }
20
+
21
+ .timer {
22
+ font-size: 24px;
23
+ font-weight: bold;
24
+ color: #fff;
25
+ margin-bottom: 10px;
26
+ }
27
 
28
  .start-button {
29
+ background-color: #007bff;
30
+ color: #fff;
31
+ border: none;
32
+ padding: 10px 20px;
33
+ font-size: 18px;
34
+ cursor: pointer;
35
+ border-radius: 5px;
 
36
  }
37
 
38
  .start-button:hover {
39
+ background-color: #0069d9;
40
  }
41
 
42
  .start-button.active {
43
+ background-color: #fff;
44
+ color: #333;
45
  }
46
 
47
+ .clicks-per-second {
48
+ font-size: 18px;
49
+ color: #fff;
50
+ margin-bottom: 10px;
 
 
 
 
 
 
 
51
  }
52
 
53
+ .total-clicks {
54
+ font-size: 18px;
55
+ color: #fff;
56
+ margin-bottom: 10px;
57
  }