From e7184e98aea5fdbe97158989adc323de834b8c99 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 8 Jul 2023 12:21:39 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20(satisfaction)=20simpler=20roof?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 style.css | 22 +++-------------------
 1 file changed, 3 insertions(+), 19 deletions(-)

diff --git a/style.css b/style.css
index 3fb3ee9..2b4e1c1 100644
--- a/style.css
+++ b/style.css
@@ -2,7 +2,6 @@
 
 :root {
   --background-color: #b2f1ad;
-  --customer-height: 180px;
 }
 
 * {
@@ -25,7 +24,6 @@ main {
   justify-content: center;
   gap: 0;
   margin: 0 1rem;
-  max-height: 100vh;
 }
 
 .customer-satisfaction {
@@ -34,27 +32,17 @@ main {
   justify-content: flex-end;
   align-items: center;
   text-align: center;
-  height: var(--customer-height);
+  border-radius: 6rem 6rem 0.5rem 0.5rem;
+  background-color: var(--background-color);
 }
 
 .customer-satisfaction h2,
 .customer-satisfaction p {
   margin: 0;
-  position: relative;
   padding: 0 0.5rem;
   border-radius: 0;
 }
 
-.customer-satisfaction::before {
-  content: "";
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  border-left: 50vw solid transparent;
-  border-right: 50vw solid transparent;
-  border-bottom: var(--customer-height) solid var(--background-color);
-}
-
 .pilars {
   display: flex;
   justify-content: space-around;
@@ -78,6 +66,7 @@ main {
 
 .people-improvement svg {
   min-width: 20vw;
+  max-width: 50vw;
   width: 100%;
 }
 
@@ -121,15 +110,10 @@ li {
   }
 
   .customer-satisfaction {
-    background-color: var(--background-color);
     padding: 0 0.5rem;
     font-size: min(22px, 50vw);
     height: initial;
   }
-
-  .customer-satisfaction::before {
-    content: initial;
-  }
 }
 
 @media only screen and (min-width: 750px) {