make better use of available vertical space

css/chess.css

@@ -4,6 +4,8 @@ body {
 
 h1 {
 	 font-family: 'Vollkorn', serif;
+	 font-size: 2em;
+	 margin-bottom: 0;
 }
 
 button:disabled .silhouette {
@@ -29,13 +31,9 @@ button:disabled .silhouette {
 	 }
 }
 
-#cb_outer2 {
-	 width: 100%;
-	 max-width: 66.7vh;
-}
-
 #cb_outer {
-	 max-width: 6in;
+	 width: 100%;
+	 max-width: calc(100vh - 4em);
 }
 
 #cb_container {

index.html

@@ -11,7 +11,6 @@
       <h1>Paco Ŝako</h1>
 
       <div id="content">
-         <div id="cb_outer2">
          <div id="cb_outer">
             <div id="cb_container">
                <div id="cb_inner">
@@ -140,7 +139,6 @@
                </div>
             </div>
          </div>
-         </div>
 
          <div id="cb_control_container">
             <form id="cb_control_form" onsubmit="return false;">