diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/index.html b/index.html
index b6da799..ce16f24 100644
--- a/index.html
+++ b/index.html
@@ -14,30 +14,32 @@
   </head>
   <body>
     <header>
-      <h1>Thinking People System</h1>
+      <h1 class="thinking-people-system">Thinking People System</h1>
     </header>
     <main>
-      <section class="customer-satisfaction">
-        <h2>Customer Satisfaction</h2>
-        <p>Value analysis / Value engineering</p>
+      <section class="customer-satisfaction-roof focusable">
+        <h2 class="customer-satisfaction">Customer Satisfaction</h2>
+        <p class="value-analysis-value-engineering">
+          Value analysis / Value engineering
+        </p>
       </section>
-      <section class="levers">
+      <section class="levers focusable">
         <ul>
-          <li>Security</li>
-          <li>Quality</li>
-          <li>Lead time</li>
-          <li>Cost</li>
-          <li>Morale</li>
-          <li>Environment</li>
+          <li class="security focusable">Security</li>
+          <li class="quality focusable">Quality</li>
+          <li class="lead-time focusable">Lead time</li>
+          <li class="cost focusable">Cost</li>
+          <li class="morale focusable">Morale</li>
+          <li class="environment focusable">Environment</li>
         </ul>
       </section>
       <section class="pilars">
-        <section class="just-in-time">
-          <h3>Just-in-time</h3>
+        <section class="just-in-time-pilar">
+          <h3 class="just-in-time focusable">Just-in-time</h3>
           <ul>
-            <li>Takt</li>
-            <li>Flow</li>
-            <li>Pull system</li>
+            <li class="takt focusable">Takt</li>
+            <li class="flow focusable">Flow</li>
+            <li class="pull-system focusable">Pull system</li>
           </ul>
         </section>
         <section class="people-improvement">
@@ -86,28 +88,28 @@
             />
           </svg>
         </section>
-        <section class="jidoka">
-          <h3>Jidoka</h3>
+        <section class="jidoka-pilar">
+          <h3 class="jidoka focusable">Jidoka</h3>
           <ul>
-            <li>Andon</li>
-            <li>Poka yoke</li>
-            <li>Human / machine</li>
+            <li class="andon focusable">Andon</li>
+            <li class="poka-yoke focusable">Poka yoke</li>
+            <li class="human-machine focusable">Human / machine</li>
           </ul>
         </section>
       </section>
       <section class="ground">
         <section class="improvement">
-          <ul>
-            <li>Heijunka</li>
-            <li>Standards</li>
-            <li>Kaizen</li>
+          <ul class="focusable">
+            <li class="heijunka focusable">Heijunka</li>
+            <li class="standards focusable">Standards</li>
+            <li class="kaizen focusable">Kaizen</li>
           </ul>
         </section>
         <section class="stability">
-          <ul>
-            <li>5S</li>
-            <li>Problem solving</li>
-            <li>TPM</li>
+          <ul class="focusable">
+            <li class="s5s focusable">5S</li>
+            <li class="problem-solving focusable">Problem solving</li>
+            <li class="tpm focusable">TPM</li>
           </ul>
         </section>
       </section>
diff --git a/style.css b/style.css
index 9d0d244..50ff070 100644
--- a/style.css
+++ b/style.css
@@ -2,6 +2,7 @@
 
 :root {
   --background-color: #b2f1ad;
+  --background-color-no-focus: #b2f1ad80;
 }
 
 * {
@@ -38,7 +39,7 @@ li {
   padding: 0.5rem 1rem;
 }
 
-.customer-satisfaction {
+.customer-satisfaction-roof {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
@@ -48,8 +49,8 @@ li {
   background-color: var(--background-color);
 }
 
-.customer-satisfaction h2,
-.customer-satisfaction p {
+.customer-satisfaction-roof h2,
+.customer-satisfaction-roof p {
   margin: 0;
   padding: 0 0.5rem 0.5rem;
   border-radius: 0;
@@ -96,8 +97,8 @@ li {
   text-align: center;
 }
 
-.just-in-time,
-.jidoka {
+.just-in-time-pilar,
+.jidoka-pilar {
   display: flex;
   flex: 2;
   flex-direction: column;
@@ -135,9 +136,3 @@ li {
     max-width: 30vw;
   }
 }
-
-/* SVG */
-.person,
-.arrow {
-  fill: var(--background-color);
-}
