edit: tout prêt niveau front sans contenu ??? (à verifier) + orga js

style/common.css

@@ -1,5 +1,7 @@
 .textBtnStyle{
   display: flex;
+  flex-direction: column;
+  justify-content: space-around;
   align-items: center;
   text-align: center;
 
@@ -112,7 +114,7 @@
   position: fixed;
   z-index: 3333;
 
-  width: 90vw;
+  width: auto;
   height: auto;
 
   top: 5vh;

style/main.css

@@ -273,27 +273,32 @@ main{
         display: flex;
         flex-direction: row;
         align-items: center;
-        justify-content: space-between;
+        justify-content: flex-start;
         padding: 0;
         height: 20vh;
 
             .textBtnStyle{
-              width: 33vw;
+              width: 66px;
               font-size: 11px;
               margin-right: 7.77px;
             }
 
             #statusDesc{
-              width: 90%;
+              width: 77%;
               padding: 7.77px;
               padding-right: 13.12px;
-              font-size: 13.12px;
+              font-size: 12px;
               line-height: 1em;
             }
 
-            h3{
-              width: 77%;
+            #lolStatus{
+              position: relative;
+              z-index: 33;
+              width: 33%;
               height: 50px;
+              display: flex;
+              flex-direction: row;
+              align-items: center;
 
               font-family: 'karrik';
               text-transform: uppercase;
@@ -301,7 +306,6 @@ main{
               line-height: 1em;
 
               padding-left: 16.1px;
-              padding-top: 13.12px;
               box-sizing: border-box;
               border-radius: 22px 0 0 22px;
 
@@ -376,7 +380,7 @@ main{
                             z-index: 34;
                             width: 33px;
                             height: 33px;
-                            right: 7.77px;
+                            right: 1%;
                             top: 33px;
                           }
 

style/responsive.css

@@ -80,24 +80,36 @@
             padding-top: 33px;
           }
 
-    }
-    #statuSection{
-          .textBtnStyle{
-            font-size: 16.1px;
-          }
-    }
-
-    #extraContent{
-
-
-            #aboutSection{
-
+      }
+      #statuSection{
+            .textBtnStyle{
+              font-size: 16.1px;
+              width: 117px;
+              margin-right: 33px;
             }
 
-            #eventSection{
-
+            #statusDesc{
+              font-size: 16.1px;
             }
-    }
+      }
+
+      #extraContent{
+
+
+              #aboutSection{
+
+              }
+
+              #eventSection{
+                       #eventContent{
+                         li{
+                           .iconBtnStyle{
+                              right: 3.33%;
+                           }
+                         }
+                       }
+              }
+      }
     }
   }
 
@@ -171,9 +183,11 @@
               padding-left: 77px;
               font-size: 20px;
             }
-            h3{
+            #lolStatus{
               font-size: 33px;
-              padding-top: 7.77px;
+              height: 77px;
+              width: 50%;
+              border-radius: 33px 0 0 33px;
               margin-left: -88px;
             }
 
@@ -200,7 +214,7 @@
                                       width: 44px;
                                       height: 44px;
                                       border-radius: 22px;
-                                      right: 13.12px;
+                                      right: 1.61%;
                                     }
 
                                     .icon{