created a central area thinner than banners

styles/elements/banners.css

@@ -14,16 +14,16 @@ pre.banner.pause {
 pre.banner.reverse {
 	animation-direction: reverse;
 }
-pre.banner.t0_5 {
+pre.banner.t05 {
 	animation-duration: 0.5s;
 }
-pre.banner.t1_0 {
+pre.banner.t10 {
 	animation-duration: 1s;
 }
-pre.banner.t1_5 {
+pre.banner.t15 {
 	animation-duration: 1.5s;
 }
-pre.banner.t2_0 {
+pre.banner.t20 {
 	animation-duration: 2s;
 }
 @keyframes slide {

styles/elements/cv.css

@@ -1,27 +1,27 @@
 
-#cv_infos {
-	margin: 10px 10px 30px 10px;
+#cv {
 }
-#cv_infos h1,
-#cv_infos h2,
-#cv_infos h3,
-#cv_infos h4,
-#cv_infos h5,
-#cv_infos h6 {
+
+#cv h1,
+#cv h2,
+#cv h3,
+#cv h4,
+#cv h5,
+#cv h6 {
 	/*
 	place-self: center;
 	margin-left: var(--list-padding);
 	*/
 }
-#cv_infos details {
+#cv details {
 	margin: 10px 0px;
 }
-#cv_infos summary {
+#cv summary {
 	/*
 	*/
 	margin-left: var(--list-padding);
 }
-#cv_infos summary + * {
+#cv summary + * {
 	margin-top: 10px;
 }
 

styles/elements/mouses.css

@@ -1,7 +1,7 @@
 
 .mouse {
 	position: relative;
-	margin: 0px;
+	margin: 20px 0px;
 }
 .frames_container {
 	display: grid;
@@ -48,6 +48,7 @@ pre.frame.f4  {animation-delay: calc(var(--tframes) * 75/100);}
 
 #mouse_1 {
 	place-self: center;
+	margin: auto;
 }
 #mouse_2 {
 	left: 10%;

styles/elements/sections.css

@@ -0,0 +1,5 @@
+section {
+	justify-self: center;
+	margin: 50px 20px;
+}
+

styles/elements/test.css

@@ -1,24 +0,0 @@
-
-#test::after {
-	content: "              \a                 \a                \a              \a     \a         \a          \a          \a      \a         \a         \a    \a         \a        \a   \a       ";
-	white-space: pre-wrap;
-/*
-
-              
-                
-               
-             
-    
-        
-         
-         
-     
-        
-        
-   
-        
-       
-  
-      
-*/
-}