diff --git a/css/animations.css b/css/animations.css
index 7f1a100..7b2c15b 100644
--- a/css/animations.css
+++ b/css/animations.css
@@ -1,13 +1,5 @@
 @keyframes subAnimation {
 	0% {
-		border-image: linear-gradient(
-				to top,
-				var(--border-color-1),
-				var(--border-color-2)
-			)
-			1;
-	}
-	10% {
 		border-image: linear-gradient(
 				to top,
 				var(--border-color-flash-1),
@@ -23,7 +15,7 @@
 			)
 			1;
 	}
-	80% {
+	100% {
 		border-image: linear-gradient(
 				to top,
 				var(--border-color-flash-1),
@@ -31,14 +23,6 @@
 			)
 			1;
 	}
-	100% {
-		border-image: linear-gradient(
-				to top,
-				var(--border-color-2),
-				var(--border-color-1)
-			)
-			1;
-	}
 }
 
 @keyframes borderAnimation {
@@ -82,18 +66,12 @@
 
 @keyframes backgroundSubAnimation {
 	0% {
-		background: var(--border-color-1);
-	}
-	10% {
 		background: var(--border-color-flash-1);
 	}
 	50% {
 		background: var(--border-color-flash-2);
 	}
-	80% {
+	100% {
 		background: var(--border-color-flash-1);
 	}
-	100% {
-		background: var(--border-color-2);
-	}
 }
diff --git a/css/variables.css b/css/variables.css
index 1c62d24..57b9ec0 100644
--- a/css/variables.css
+++ b/css/variables.css
@@ -1,7 +1,7 @@
 :root {
-	--border-color-1: rgb(139, 0, 0);
-	--border-color-2: rgb(255, 74, 74);
+	--border-color-1: rgb(113, 0, 0);
+	--border-color-2: rgb(235, 19, 19);
 
-	--border-color-flash-1: rgb(220, 32, 15);
-	--border-color-flash-2: rgb(210, 220, 15);
+	--border-color-flash-1: rgb(255, 27, 6);
+	--border-color-flash-2: rgb(208, 218, 20);
 }
diff --git a/js/app.js b/js/app.js
index 0db4b82..ff27f7b 100644
--- a/js/app.js
+++ b/js/app.js
@@ -16,10 +16,10 @@ function updateSubCount() {
 
 function sub(subName) {
 	frame.style.animationName = "subAnimation";
-	frame.style.animationDuration = "5s";
+	frame.style.animationDuration = "2s";
 
 	subCount.style.animationName = "backgroundSubAnimation";
-	subCount.style.animationDuration = "5s";
+	subCount.style.animationDuration = "2s";
 
 	subCount.innerText = subName + " " + subCountNumber;