Update

lessons/1.html

@@ -45,6 +45,8 @@ <h3>the alphabet</h3>
         <button style="width:50px" onclick="document.getElementById('k').play();">k</button>
         <audio id="l" src="../audio/l.ogg" preload="auto"></audio>
         <button style="width:50px" onclick="document.getElementById('l').play();">l</button>
+    </div>
+    <div class="container" style="justify-content: center">    
         <audio id="m" src="../audio/m.ogg" preload="auto"></audio>
         <button style="width:50px" onclick="document.getElementById('m').play();">m</button>
         <audio id="n" src="../audio/n.ogg" preload="auto"></audio>
@@ -66,11 +68,11 @@ <h3>vowels</h3>
     <p>
         the vowels of kawaba are pronounced similarly to Spanish, Italian, Esperanto, or Toki Pona. an English approximation of these
         vowels is:<br>
-        <b>a</b> - like <b>a</b> in <b>father</b><br>
+        <ul><b>a</b> - like <b>a</b> in <b>father</b><br>
         <b>e</b> - like <b>e</b> in <b>dress</b><br>
         <b>i</b> - like <b>ee</b> in <b>fleece</b><br>
         <b>o</b> - like <b>oa</b> in <b>goat</b><br>
-        <b>u</b> - like <b>oo</b> in <b>goose</b>
+        <b>u</b> - like <b>oo</b> in <b>goose</b></ul>
     </p>
     <h3>consonants</h3>
     <p>the consonants of kawaba are pronounced like those in English typically would be, with the exception of <b>j</b> which is

lessons/2.html

@@ -25,24 +25,20 @@ <h3>the language of parts</h3>
         <button onclick="location.href='https://discord.gg/nXwr6zwtks'">discord</button>
     </div>
 
-    <h2>compound words  </h2>
+    <h2>compound words</h2>
     <h3>vocabulary</h3>
-    <div class="container">
-        <div>
-            <div class="container"><span class="box">mi</span><p>1st person pronoun, I, me we, us</p></div>
-            <div class="container"><span class="box">to</span><p>2nd person pronoun, you, you (plural)</p></div>
-            <div class="container"><span class="box">la</span><p>3rd person pronoun, he, she, it, they</p></div>
-            <div class="container"><span class="box">sa</span><p>person, someone, entity, human</p></div>
-            <div class="container"><span class="box">si</span><p>this, that, these, those</p></div>
-        </div>
-        <div>
-            <div class="container"><span class="box">ka</span><p>kind, variety, sort, type</p></div>
-            <div class="container"><span class="box">wa</span><p>say, talk, speak, communication</p></div>
-            <div class="container"><span class="box">ba</span><p>part, piece, section, compenent</p></div>
-            <div class="container"><span class="box">ku</span><p>time, event, period, duration</p></div>
-            <div class="container"><span class="box">ma</span><p>place, earth, land, soil, world</p></div>
-        </div>
-    </div>
+    <ul>
+        <b>mi</b> - 1st person pronoun, I, me we, us, my, our<br>
+        <b>to</b> - 2nd person pronoun, you, you (plural), your<br>
+        <b>la</b> - 3rd person pronoun, he, she, it, they, his, her, their<br>
+        <b>sa</b> - person, someone, entity, human<br>
+        <b>si</b> - this, that, these, those<br>
+        <b>ka</b> - kind, variety, sort, type<br>
+        <b>wa</b> - say, talk, speak, communication<br>
+        <b>ba</b> - part, piece, section, compenent<br>
+        <b>ku</b> - time, event, period, duration<br>
+        <b>ma</b> - place, earth, land, soil, world<br>
+    </ul>
     <h3>roots</h3>
     <p>a word in kawaba is made up of one or more roots. the first root in a word is the <b>head root</b> and carries the base meaning of the word. this can be modified by
     subsequent <b>modifier roots</b>. 

style.css

@@ -19,7 +19,7 @@ html {
 body {
     margin:4% auto;
     padding:2%;
-    max-width:800px;
+    max-width:600px;
     border-radius: 10px;
     box-shadow:0 5px 10px rgba(0,0,0,.2),0 15px 40px rgba(0,0,0,.05)
 }