From bfa93f06f6a2d5ebccd2f715d38b76c019cce0d2 Mon Sep 17 00:00:00 2001
From: Eduardo Medeiros <eduardomedeirosdemoraes12345@gmail.com>
Date: Sat, 17 Feb 2024 16:15:21 -0300
Subject: [PATCH] =?UTF-8?q?mudan=C3=A7a=20no=20bot=C3=A3o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 style.css | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index 935c538..710acce 100644
--- a/style.css
+++ b/style.css
@@ -81,11 +81,15 @@ body * {
   left: 0;
   transform: translateY(-50%); /* isso é para alinhar */
   top: 50%;
+  animation: slide-back 0.4s;
 }
 
 .light #switch button {
-  right: 0;
-  left: initial;
+  animation: slide-in 0.4s forwards; /*forwards serve para mantar as propriedades do slide-in*/
+}
+
+#switch button.houver {
+  outline: 8px solid var(--highlight-color);
 }
 
 #switch span {
@@ -165,3 +169,21 @@ ul li a:hover {
     --bg-url: url(./assets/bg-desktop-light.jpg);
   }
 }
+
+@keyframes slide-in {
+  from {
+    left: 0;
+  }
+  to {
+    left: 50%;
+  }
+}
+
+@keyframes slide-back {
+  from {
+    left: 50%;
+  }
+  to {
+    left: 0;
+  }
+}