diff --git a/styles/index.css b/styles/index.css
index 8ce0c92..6a828cd 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -93,31 +93,20 @@ body main {
 /*------------------------------------------*/
 /*THE ANIMATION*/
 @keyframes position {
-	0%		{transform: translate(   0%,    0%);}
-	5%		{transform: translate( 0.5%, -0.5%);}
-	10%		{transform: translate(   1%,    0%);}
-	15%		{transform: translate( 0.5%, -0.5%);}
-	20%		{transform: translate(   0%,   -1%);}
-	25%		{transform: translate(-0.5%, -0.5%);}
-	30%		{transform: translate(  -1%,    0%);}
-	35%		{transform: translate(-0.5%, -0.5%);}
-	40%		{transform: translate(   0%,   -1%);}
-	45%		{transform: translate(-0.5%, -0.5%);}
-	50%		{transform: translate(  -1%,    0%);}
-	55%		{transform: translate(-0.5%,  0.5%);}
-	60%		{transform: translate(   0%,    1%);}
-	65%		{transform: translate( 0.5%,  0.5%);}
-	70%		{transform: translate(   1%,    1%);}
-	75%		{transform: translate( 0.5%,  0.5%);}
-	80%		{transform: translate(   1%,    0%);}
-	85%		{transform: translate( 0.5%, -0.5%);}
-	90%		{transform: translate(   0%,   -1%);}
-	95%		{transform: translate(-0.5%, -0.5%);}
-	100%	{transform: translate(  -1%,    0%);}
+	0%		{transform: translate( 0%,  0%);}
+	20%		{transform: translate( 1%, -1%);}
+	30%		{transform: translate(-1%,  0%);}
+	40%		{transform: translate( 1%, -1%);}
+	50%		{transform: translate( 0%,  1%);}
+	60%		{transform: translate( 1%, -1%);}
+	70%		{transform: translate( 0%,  0%);}
+	80%		{transform: translate(-1%, -1%);}
+	90%		{transform: translate( 1%, -1%);}
+	100%	{transform: translate( 0%,  0%);}
 }
 .logo_bubbles .circle {
 	animation-name: position;
-	animation-duration: 1s;
+	animation-duration: 4s;
 	animation-delay: 0s;
 	animation-timing-function: linear;
 	animation-iteration-count: infinite;