Update style.css

style.css

@@ -1,64 +1,38 @@
 html, body {
   margin: 0;
-  height: 100%;
+  padding: 0;
   background: black;
-  color: #d7ffe9;
+  color: #00ffcc;
   font-family: monospace;
+  height: 100%;
 }
 
-#app {
+#root {
   display: flex;
-  height: 100vh;
+  height: 100%;
 }
 
 #viewport {
-  flex: 1;
-  background: black;
-}
-
-#side {
-  width: 420px;
-  display: flex;
-  flex-direction: column;
-  border-left: 1px solid #144;
-}
-
-.header {
-  color: #38ffb3;
-  font-weight: bold;
-  padding: 6px;
-  border-bottom: 1px solid #144;
+  border: 2px solid #00ffcc;
+  image-rendering: pixelated;
 }
 
 #console {
   flex: 1;
   display: flex;
   flex-direction: column;
+  margin-left: 10px;
 }
 
 #log {
   flex: 1;
   overflow-y: auto;
-  font-size: 13px;
-  padding: 6px;
+  white-space: pre-wrap;
 }
 
 #input {
   background: black;
-  color: #d7ffe9;
-  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;
+  color: #00ffcc;
+  border: 1px solid #00ffcc;
+  padding: 6px;
 }