ajustement animation accueil

styles/index.css

@@ -95,29 +95,33 @@ body main {
 /*THE ANIMATION*/
 @keyframes rotation {
 	from	{transform: rotate(0deg);	transform-origin: 50% 50.5%;}
-	to		{transform: rotate(360deg);	transform-origin: 50.5% 50%;}
+	to		{transform: rotate(360deg);	transform-origin: 50% 50%;}
 }
 .logo_bubbles .circle {
 	animation-name: rotation;
-	animation-duration: 1s;
 	animation-delay: 0s;
 	animation-timing-function: linear;
 	animation-iteration-count: infinite;
 	animation-direction: normal;
 }
 .logo_bubbles .circle._1 {
-	animation-delay: -0.8s;
+	animation-duration: 1s;
+	animation-delay: 0s;
 	animation-direction: reverse;
 }
 .logo_bubbles .circle._2 {
-	animation-delay: -2.7s;
-}
-.logo_bubbles .circle._3 {
-	animation-delay: -1.3s;
+	animation-duration: 2s;
+	animation-delay: 0.7s;
 	animation-direction: reverse;
 }
+.logo_bubbles .circle._3 {
+	animation-duration: 1.5s;
+	animation-delay: 0.3s;
+}
 .logo_bubbles .circle._4 {
-	animation-delay: 0s;
+	animation-duration: 1s;
+	animation-delay: 0.5s;
+	animation-direction: reverse;
 }