Sergidev commited on
Commit
97c507a
·
verified ·
1 Parent(s): 3b8d8f5

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +27 -23
style.css CHANGED
@@ -1,52 +1,56 @@
 
 
1
  body {
2
  font-family: Arial, sans-serif;
3
- background-color: #333;
4
- color: #fff;
 
 
 
 
 
5
  }
6
 
7
  .container {
8
- max-width: 400px;
9
- margin: 40px auto;
10
  text-align: center;
11
  }
12
 
13
  h1 {
14
- font-size: 24px;
15
  margin-bottom: 20px;
 
16
  }
17
 
18
  .timer {
19
- font-size: 36px;
20
- font-weight: bold;
21
  margin-bottom: 20px;
22
  }
23
 
24
  .start-button {
25
- background-color: #337ab7;
26
- color: #fff;
27
  border: none;
28
- padding: 10px 20px;
29
- font-size: 18px;
30
- cursor: pointer;
31
  border-radius: 5px;
 
 
 
 
32
  }
33
 
34
- .start-button:hover {
35
- background-color: #23527c;
36
  }
37
 
38
- .start-button.active {
39
- background-color: #fff;
40
- color: #333;
41
  }
42
 
43
  .click-counter {
44
- font-size: 48px;
45
- font-weight: bold;
46
- margin-bottom: 20px;
47
  }
48
 
49
  .cps-display {
50
- font-size: 18px;
51
- margin-bottom: 20px;
52
- }
 
1
+ /* styles.css */
2
+
3
  body {
4
  font-family: Arial, sans-serif;
5
+ background-color: #121212;
6
+ color: #ffffff;
7
+ display: flex;
8
+ justify-content: center;
9
+ align-items: center;
10
+ height: 100vh;
11
+ margin: 0;
12
  }
13
 
14
  .container {
 
 
15
  text-align: center;
16
  }
17
 
18
  h1 {
 
19
  margin-bottom: 20px;
20
+ color: #00bfff;
21
  }
22
 
23
  .timer {
24
+ font-size: 2em;
 
25
  margin-bottom: 20px;
26
  }
27
 
28
  .start-button {
29
+ background-color: #1e90ff;
30
+ color: #ffffff;
31
  border: none;
 
 
 
32
  border-radius: 5px;
33
+ padding: 15px 30px;
34
+ font-size: 1.2em;
35
+ cursor: pointer;
36
+ transition: background-color 0.3s, color 0.3s;
37
  }
38
 
39
+ .start-button:active {
40
+ background-color: #4682b4;
41
  }
42
 
43
+ .start-button.white {
44
+ background-color: #ffffff;
45
+ color: #000000;
46
  }
47
 
48
  .click-counter {
49
+ font-size: 2em;
50
+ margin: 20px 0;
 
51
  }
52
 
53
  .cps-display {
54
+ font-size: 1.5em;
55
+ color: #00bfff;
56
+ }