fix: roof, really?

index.css

@@ -46,13 +46,13 @@ li {
   color: var(--color);
 }
 
-.customer-satisfaction-roof-parent {
+.customer-satisfaction-parent {
   filter: url(#round);
   /* Making the triangle fit the rest of the house */
   margin: 0 -1rem;
 }
 
-.customer-satisfaction-roof {
+.customer-satisfaction {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
@@ -63,8 +63,8 @@ li {
   font-size: clamp(15px, 2.1vw, 28px);
 }
 
-.customer-satisfaction-roof h2,
-.customer-satisfaction-roof p {
+.customer-satisfaction h2,
+.customer-satisfaction p {
   margin: 0;
   padding: 0 0.5rem 0.5rem;
   border-radius: 0;

index.html

@@ -20,8 +20,8 @@
       <h1 class="thinking-people-system">Thinking People System</h1>
     </header>
     <main id="thinking-people-system">
-      <div class="customer-satisfaction-roof-parent">
-        <section class="customer-satisfaction-roof focusable">
+      <div class="customer-satisfaction-parent">
+        <section class="customer-satisfaction focusable">
           <h2 class="customer-satisfaction">Customer Satisfaction</h2>
           <p class="value-analysis-value-engineering">
             <span class="use-value">Use</span> Value analysis /

team-leader.html

@@ -20,8 +20,8 @@
       <h1 class="thinking-people-system">Thinking People System</h1>
     </header>
     <main id="thinking-people-system">
-      <div class="customer-satisfaction-roof-parent">
-        <section class="customer-satisfaction-roof focusable">
+      <div class="customer-satisfaction-parent">
+        <section class="customer-satisfaction focusable">
           <h2 class="customer-satisfaction">Is the customer satisfied?</h2>
         </section>
       </div>