Update style.css
Browse files
style.css
CHANGED
@@ -1,52 +1,56 @@
|
|
|
|
|
|
1 |
body {
|
2 |
font-family: Arial, sans-serif;
|
3 |
-
background-color: #
|
4 |
-
color: #
|
|
|
|
|
|
|
|
|
|
|
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:
|
20 |
-
font-weight: bold;
|
21 |
margin-bottom: 20px;
|
22 |
}
|
23 |
|
24 |
.start-button {
|
25 |
-
background-color: #
|
26 |
-
color: #
|
27 |
border: none;
|
28 |
-
padding: 10px 20px;
|
29 |
-
font-size: 18px;
|
30 |
-
cursor: pointer;
|
31 |
border-radius: 5px;
|
|
|
|
|
|
|
|
|
32 |
}
|
33 |
|
34 |
-
.start-button:
|
35 |
-
background-color: #
|
36 |
}
|
37 |
|
38 |
-
.start-button.
|
39 |
-
background-color: #
|
40 |
-
color: #
|
41 |
}
|
42 |
|
43 |
.click-counter {
|
44 |
-
font-size:
|
45 |
-
|
46 |
-
margin-bottom: 20px;
|
47 |
}
|
48 |
|
49 |
.cps-display {
|
50 |
-
font-size:
|
51 |
-
|
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 |
+
}
|