diff --git a/css/darkmode.css b/css/darkmode.css
index 8fb9d28..3010765 100644
--- a/css/darkmode.css
+++ b/css/darkmode.css
@@ -18,11 +18,13 @@ body.darkMode {
 
 hr.darkMode {
     border-color: rgb(144, 144, 144) !important;
+    transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1);
 }
 
 .dropdown-item.darkMode {
     background-color: rgb(56, 56, 56) !important;
     color: white !important;
+    transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1);
 }
 
 .dropdown-item.darkMode:hover {
@@ -33,4 +35,5 @@ hr.darkMode {
     background-color: rgb(56, 56, 56) !important;
     color: white !important;
     border: 1px solid rgba(204, 204, 204, 0.418) !important;
+    transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1);
 }
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index 05d988a..b4eda97 100644
--- a/css/style.css
+++ b/css/style.css
@@ -17,7 +17,7 @@ div.highlight {
   margin-left: -15px;
   margin-right: -15px;
   width: 100vw;
-  
+  transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1);
 }
 
 nav {
@@ -39,6 +39,7 @@ header {
 
 a {
   outline: none !important;
+  transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1);
 }
 
 button {