diff --git a/src/lib/components/atoms/Button.svelte b/src/lib/components/atoms/Button.svelte
index 98b32eb..2567afc 100644
--- a/src/lib/components/atoms/Button.svelte
+++ b/src/lib/components/atoms/Button.svelte
@@ -27,7 +27,8 @@
 		padding: 12px 40px;
 		cursor: pointer;
 		background-color: transparent;
-		transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+		margin-top: 45px;
+		transition: transform 0.4s var(--bezier-one), box-shadow 0.4s var(--bezier-one);
 		user-select: none;
 	}
 
diff --git a/src/lib/components/atoms/ContributorButton.svelte b/src/lib/components/atoms/ContributorButton.svelte
index 344aac3..3041927 100644
--- a/src/lib/components/atoms/ContributorButton.svelte
+++ b/src/lib/components/atoms/ContributorButton.svelte
@@ -31,7 +31,7 @@
 		cursor: pointer;
 		background-color: var(--grey-four);
 		font-size: 1.5rem;
-		transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+		transition: transform 0.4s var(--bezier-one);
 		user-select: none;
 	}
 
diff --git a/src/lib/components/atoms/DownloadChannel.svelte b/src/lib/components/atoms/DownloadChannel.svelte
index 000c97e..0ea7848 100644
--- a/src/lib/components/atoms/DownloadChannel.svelte
+++ b/src/lib/components/atoms/DownloadChannel.svelte
@@ -31,7 +31,7 @@
 		padding: 12px 40px;
 		cursor: pointer;
 		background-color: transparent;
-		transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+		transition: background-color 0.4s var(--bezier-one), box-shadow 0.4s var(--bezier-one);
 		user-select: none;
 	}
 
diff --git a/src/lib/components/atoms/Navigation.svelte b/src/lib/components/atoms/Navigation.svelte
index ad77420..ab2a21d 100644
--- a/src/lib/components/atoms/Navigation.svelte
+++ b/src/lib/components/atoms/Navigation.svelte
@@ -22,7 +22,8 @@
 		margin-right: 0.25rem;
 		font-weight: 300;
 		align-items: center;
-		transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+		border: var(--grey-six);
+		transition-timing-function: var(--bezier-one);
 		transition-duration: 0.25s;
 	}
 
diff --git a/src/lib/components/atoms/SocialButton.svelte b/src/lib/components/atoms/SocialButton.svelte
index c3397e8..a602b98 100644
--- a/src/lib/components/atoms/SocialButton.svelte
+++ b/src/lib/components/atoms/SocialButton.svelte
@@ -21,7 +21,7 @@
 		cursor: pointer;
 		background-color: var(--grey-four);
 		font-size: 1.5rem;
-		transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+		transition: transform 0.4s var(--bezier-one), filter 0.4s var(--bezier-one);
 		user-select: none;
         margin-right:0.5rem;
 		margin-left: 0.5rem;
diff --git a/src/lib/components/organisms/IndexDescription.svelte b/src/lib/components/organisms/IndexDescription.svelte
index 22b3cff..37c361f 100644
--- a/src/lib/components/organisms/IndexDescription.svelte
+++ b/src/lib/components/organisms/IndexDescription.svelte
@@ -30,7 +30,6 @@
 		gap:1rem;
 		user-select: none;
 		transform: translateX(-3px);
-		margin-top: 3rem;
 	}
 
 	.hero-text h1 {
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index b5531f4..a8101c7 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -68,6 +68,7 @@ import Wave from '$lib/components/atoms/Wave.svelte';
 		--grey-five: #D0D0D0;
 		--grey-six: #a19e9e;
 		--grey-seven: #535563;
+		--bezier-one: cubic-bezier(0.25, 0.46, 0.45, 0.94)
 	}
 
 	:global(::selection) {