diff --git a/AquaNet/src/pages/Welcome.svelte b/AquaNet/src/pages/Welcome.svelte
index 93a968d0..b9bc1d28 100644
--- a/AquaNet/src/pages/Welcome.svelte
+++ b/AquaNet/src/pages/Welcome.svelte
@@ -193,7 +193,7 @@
 
       // Switching state container
       > div
-        transition: opacity 0.3s
+        transition: $transition
 
     #title
       font-family: Quicksand, $font
diff --git a/AquaNet/src/vars.sass b/AquaNet/src/vars.sass
index d5ae3ec3..1a0145a0 100644
--- a/AquaNet/src/vars.sass
+++ b/AquaNet/src/vars.sass
@@ -15,4 +15,6 @@ $w-max: 900px
 $c-lv0: #6ED43E
 $c-lv1: #F7B807
 $c-lv2: #FF828D
-$c-lv3: #A051DC
\ No newline at end of file
+$c-lv3: #A051DC
+
+$transition: all 0.25s
\ No newline at end of file