From 365312b14723503424a601a49827c191af82ad7a Mon Sep 17 00:00:00 2001
From: Brian Cully <bjc@spork.org>
Date: Sat, 23 Aug 2025 13:40:37 -0400
Subject: begginnenblinken

---
 main.css | 52 ++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 48 insertions(+), 4 deletions(-)

(limited to 'main.css')

diff --git a/main.css b/main.css
index 7a032cc..960db69 100644
--- a/main.css
+++ b/main.css
@@ -1,10 +1,50 @@
-canvas {
-    border: 1px solid greenyellow;
+html {
+    box-sizing: border-box;
+}
+*, *::before, *::after {
+    box-sizing: inherit;
 }
 
-textarea {
-    width: 25em;
+#editor {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-gap: 1em;
+}
+
+#code {
+    position: relative;
+    grid-row: 1;
+}
+
+#code textarea {
+    width: 100%;
     height: 25ex;
+    margin-top: 1ex;
+    padding: 1em;
+}
+
+#compile {
+    position: absolute;
+    right: 0;
+}
+
+#state-container {
+    grid-row: 1;
+}
+
+#state {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+}
+
+#state .controls {
+    grid-row: 1;
+    grid-column: 1 / span 2;
+}
+
+#state .wordlist {
+    grid-row: 2;
+    grid-column: 1 / span 2;
 }
 
 #wordlist .ip {
@@ -28,3 +68,7 @@ x-op {
     padding: 5px;
     border: 1px solid grey;
 }
+
+canvas {
+    border: 1px solid greenyellow;
+}
-- 
cgit v1.3