first commit

style.css

@@ -0,0 +1,55 @@
+body {
+  display: grid;
+  grid-template:
+    "svg" 1fr
+    "controls" 10em
+  ;
+  height: 100svh;
+  margin: 0;
+  user-select: none;
+
+  &.compilation-error {
+    grid-template: "error" 1fr;
+  }
+
+  & #debug-log {
+    background: #f4f4f4;
+  }
+
+  & svg {
+    width: 100%;
+    height: 100%;
+    
+    & text {
+      user-select: none;
+      paint-order: stroke fill;
+      stroke-linejoin: round;
+      stroke-linecap: round;
+      fill: white;
+      stroke: black;
+      stroke-width: 0.2em;
+    }
+
+    & #obstacle-outlines circle {
+      filter: blur(0.5px);
+    }
+  }
+
+  & #controls {
+    display: grid;
+    grid-auto-flow: column;
+  }
+
+  & .road path {
+    stroke-linejoin: round;
+  }
+
+
+  & #recipe-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    max-height: 100%;
+    overflow: scroll;
+  }
+}