Update style.css

style.css

@@ -9,33 +9,38 @@ html, body {
 #app {
   display: flex;
   height: 100vh;
-  width: 100vw;
 }
 
-#gl { flex: 1; }
+#viewport {
+  flex: 1;
+  background: black;
+}
 
-#console {
-  width: 440px;
-  background: #020b0a;
-  border-left: 1px solid #144;
+#side {
+  width: 420px;
   display: flex;
   flex-direction: column;
-  padding: 8px;
+  border-left: 1px solid #144;
 }
 
 .header {
   color: #38ffb3;
   font-weight: bold;
-  margin-bottom: 6px;
+  padding: 6px;
+  border-bottom: 1px solid #144;
+}
+
+#console {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
 }
 
 #log {
   flex: 1;
   overflow-y: auto;
   font-size: 13px;
-  border: 1px solid #144;
   padding: 6px;
-  margin-bottom: 6px;
 }
 
 #input {
@@ -44,4 +49,16 @@ html, body {
   border: 1px solid #144;
   padding: 8px;
   outline: none;
+}
+
+#web {
+  height: 40%;
+  border-top: 1px solid #144;
+}
+
+#browser {
+  width: 100%;
+  height: calc(100% - 28px);
+  border: none;
+  background: #020b0a;
 }