diff --git a/css/styles.css b/css/styles.css
index 6631770..1b66f45 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -519,6 +519,23 @@ input[type=number] {
   z-index: 1;
 }
 
+.darkmode-toggle {
+  opacity: 0.7;
+  transition: opacity 0.15;
+}
+.darkmode-toggle:hover {
+  opacity: 0.9;
+}
+
+.darkmode-toggle:active {
+  transition: opacity 0;
+  opacity: 1;
+}
+
+.darkmode-toggle:focus {
+  outline: none;
+}
+
 div.darkmode-background{
   background: #fef0e3;
   background-image: