Fix layout

Author: CrazyPython

index.html

@@ -10,11 +10,11 @@
 table th,
 table td { transform: rotate(-90deg) scaleY(1) scaleX(-1); }
 /*table th { transform: rotate(-90deg) scaleY(1) scaleX(-1) rotate(-45deg); }*/
-body { margin-left: 10em; }
-main { transform: translateX(17vw) translateY(-23vw); }
+body { margin-left: 8em; }
+main { transform: translateX(32ch) translateY(-50ch); }
 
 /*th { max-width: 5vw; max-height: 10vw; }*/
-td { width: 10em; height: 10em; }
+td { width: 17ch; height: 17ch; }
 table { border-spacing: 1px 4px; }
 body { font-family: Arial, sans-serif; }
 
@@ -498,7 +498,7 @@ <h3>Key</h3>
         </tbody>
     </table>
 </main>
-<div style="position: relative; bottom: 40vw">
+<div style="position: relative; bottom: 90ch">
 <h3>How is it organized?</h3>
 <p>Just like a real periodic table, the positioning has a meaning.</p>