Update style.css
Browse files
style.css
CHANGED
|
@@ -11,11 +11,11 @@ html, body {
|
|
| 11 |
|
| 12 |
.clock {
|
| 13 |
color: #73b66f;
|
| 14 |
-
font-size:
|
| 15 |
font-family: Stencil;
|
| 16 |
letter-spacing: 7px;
|
| 17 |
cursor: pointer;
|
| 18 |
-
transition: font-size 0.3s ease;
|
| 19 |
white-space: nowrap;
|
| 20 |
}
|
| 21 |
|
|
@@ -46,7 +46,7 @@ html, body {
|
|
| 46 |
width: 80%;
|
| 47 |
}
|
| 48 |
|
| 49 |
-
.color-options, .font-options, .toggle-options {
|
| 50 |
margin: 0 20px;
|
| 51 |
}
|
| 52 |
|
|
@@ -77,4 +77,8 @@ button:hover {
|
|
| 77 |
|
| 78 |
input[type="checkbox"] {
|
| 79 |
margin-right: 10px;
|
|
|
|
|
|
|
|
|
|
|
|
|
| 80 |
}
|
|
|
|
| 11 |
|
| 12 |
.clock {
|
| 13 |
color: #73b66f;
|
| 14 |
+
font-size: 180px;
|
| 15 |
font-family: Stencil;
|
| 16 |
letter-spacing: 7px;
|
| 17 |
cursor: pointer;
|
| 18 |
+
transition: font-size 0.3s ease, letter-spacing 0.3s ease;
|
| 19 |
white-space: nowrap;
|
| 20 |
}
|
| 21 |
|
|
|
|
| 46 |
width: 80%;
|
| 47 |
}
|
| 48 |
|
| 49 |
+
.color-options, .font-options, .toggle-options, .spacing-options {
|
| 50 |
margin: 0 20px;
|
| 51 |
}
|
| 52 |
|
|
|
|
| 77 |
|
| 78 |
input[type="checkbox"] {
|
| 79 |
margin-right: 10px;
|
| 80 |
+
}
|
| 81 |
+
|
| 82 |
+
input[type="range"] {
|
| 83 |
+
width: 100%;
|
| 84 |
}
|