Update button

1 files changed, 24 insertions, 2 deletions

diff --git a/styles/style.css b/styles/style.css
index e778134..b1e4de3 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -2,6 +2,7 @@
     font-family: "Roboto", sans-serif;
 	background-color: var(--main-bg);
 	color: var(--main-color);
+	transition-duration: 0.2s;
 }
 
 h1::after {
@@ -22,11 +23,11 @@ a {
 }
 
 a:hover {
-    color: var(--link-color);
+    color: var(--link-color-hover);
 }
 
 a:active {
-	color: var(--link-color);
+	color: var(--link-color-active);
 }
 
 span.end {
@@ -45,3 +46,24 @@ span.end::before {
 
     content: '';
 }
+
+button#light-dark {
+	position: sticky;
+	bottom: 10px;
+	right:10px;
+	font-size: 16px;
+	background-color: var(--link-color);
+	padding: 5px;
+	border: none;
+	border-radius: 5px;
+	cursor: pointer;
+	transition-duration: 0.2s;
+}
+
+button#light-dark:hover {
+	background-color: var(--link-color-hover);
+}
+
+button#light-dark:active {
+	background-color: var(--link-color-active);
+}