accueil trois possibilitees

styles/index.css

@@ -1,21 +1,22 @@
 
 /*------------------------------------------*/
 /*ACCUEIL*/
-body {
-	background-color: white;
-}
-main {
+body main {
 	display: flex;
 	flex-direction: column;
 	width: auto;
 	margin: auto;
-	background-color: white;
+	padding: 0px;
 }
 .all_container {
 	width: 550px;
-	margin: 20px auto;
+	margin: 0px auto 100px auto;
+	height: 100vh;
+}
+.moment_center_wrapper {
+	width: 100%;
+	margin: auto;
 }
-
 /*------------------------------------------*/
 .logo_txt {
 	height: auto;
@@ -121,15 +122,21 @@ main {
 	100%	{transform: translate( 0%,  0%);}
 }
 .logo_bubbles .circle {
-	animation-name: position;
-	animation-name: shape;
-	animation-name: size;
 	animation-duration: 4s;
 	animation-delay: 0s;
 	animation-timing-function: linear;
 	animation-iteration-count: infinite;
 	animation-direction: alternate;
 }
+.all_container._1 .logo_bubbles .circle {
+	animation-name: shape;
+}
+.all_container._2 .logo_bubbles .circle {
+	animation-name: size;
+}
+.all_container._3 .logo_bubbles .circle {
+	animation-name: position;
+}
 .logo_bubbles .circle._1 {
 	animation-delay: -0.8s;
 }