Stopwatch
@@ -18,7 +18,6 @@
00:00:00:00
-
diff --git a/countdown/style.css b/countdown/style.css
index a23ee08..cecfe19 100644
--- a/countdown/style.css
+++ b/countdown/style.css
@@ -1,21 +1,20 @@
@import url(/global.css);
+.cards {
+ text-align: center;
+}
+
input {
width: 70px;
padding: 12px;
margin: 10px 5px;
- border: 2px solid #5a5a5a;
+ border: 2px solid var(--surface1);
border-radius: 6px;
- background-color: #2a2a2a;
+ background-color: var(--surface0);
color: #ffffff;
font-size: 16px;
text-align: center;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
-}
-
-input:focus {
- border-color: #4caf50;
- box-shadow: 0 0 5px #4caf50;
outline: none;
}
@@ -23,12 +22,11 @@ button {
padding: 12px 20px;
border: none;
border-radius: 6px;
- background-color: #4caf50;
- color: #ffffff;
+ background-color: var(--green);
+ color: var(--crust);
font-size: 16px;
cursor: pointer;
margin: 10px 5px;
- font-weight: bold;
transition: background-color 0.3s ease, transform 0.2s ease;
}
@@ -42,16 +40,6 @@ button:active {
transform: translateY(0);
}
-div.main {
- padding: 50px;
- background-color: #3a3a3a;
- border-radius: 10px;
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
- text-align: center;
- max-width: 600px;
- margin: 50px auto;
-}
-
span#time {
font-size: 36px;
font-weight: bold;
diff --git a/global.css b/global.css
index 4791771..05e1e6f 100644
--- a/global.css
+++ b/global.css
@@ -72,7 +72,7 @@ svg:hover {
padding: 20px;
border-radius: 10px;
width: 600px !important;
- text-align: left;
+ text-align: center;
transition: border 0.1s;
}
@@ -107,4 +107,9 @@ svg:hover {
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
cursor: default;
+}
+
+.separator {
+ width: 5px;
+ background-color: var(--overlay0);
}
\ No newline at end of file