adicionando algumas animações e hover

Author: henrythdev

style.css

@@ -79,10 +79,13 @@ body *{
   left: 0;
   z-index: 1;
   transform: translateY(-50%);
+  animation: slide-out 0.4s;
 }
 .light #switch button{
-  right: 0;
-  left: initial;
+  animation: slide-in 0.4s forwards;
+}
+#switch button:hover{
+  outline: 8px solid var(--highlight-color);
 }
 #switch span{
   display: block;
@@ -160,4 +163,22 @@ footer{
   .light{
       --background-image: url(assets/bg-desktop-light.jpg);
   }
+}
+
+@keyframes slide-in{
+  from {
+    left: 0;
+  }
+  to {
+    left: 50%;
+  }
+}
+
+@keyframes slide-out{
+  from {
+  left: 50%;
+  }
+  to {
+  left: 0;
+  }
 }