✨ (levers) add levers

index.html

@@ -22,6 +22,16 @@
         <h2>Customer Satisfaction</h2>
         <p>Value analysis / Value engineering</p>
       </section>
+      <section class="levers">
+        <ul>
+          <li>Security</li>
+          <li>Quality</li>
+          <li>Lead time</li>
+          <li>Cost</li>
+          <li>Morale</li>
+          <li>Environment</li>
+        </ul>
+      </section>
       <section class="pilars">
         <section class="just-in-time">
           <h3>Just-in-time</h3>

style.css

@@ -5,7 +5,7 @@
 }
 
 * {
-  border-radius: 1rem;
+  border-radius: 0.5rem;
 }
 
 body {
@@ -32,17 +32,31 @@ main {
   justify-content: flex-end;
   align-items: center;
   text-align: center;
-  border-radius: 6rem 6rem 0.5rem 0.5rem;
+  border-radius: 5rem 5rem 0.5rem 0.5rem;
   background-color: var(--background-color);
 }
 
 .customer-satisfaction h2,
 .customer-satisfaction p {
   margin: 0;
-  padding: 0 0.5rem;
+  padding: 0 0.5rem 0.5rem;
   border-radius: 0;
 }
 
+.levers {
+  background-color: var(--background-color);
+  margin: 0.5rem 0;
+}
+
+.levers ul {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  padding-left: 0;
+  margin: 0;
+}
+
 .pilars {
   display: flex;
   justify-content: space-around;
@@ -51,6 +65,7 @@ main {
 
 .pilars h3 {
   background-color: var(--background-color);
+  margin-top: 0;
   margin-bottom: 0;
   padding: 1rem 2rem;
   width: calc(100% - (2rem * 2));