Draw directional arrows

architype.css

@@ -134,7 +134,7 @@ body {
   text-align: center;
 
   font-size: 20px;
-  border-radius: 10px;
+  border-radius: 10%;
   overflow-wrap: anywhere;
   overflow: hidden;
   cursor: default;
@@ -142,11 +142,10 @@ body {
 }
 
 .gridNode {
-  width: calc(100% - 24px);
-  height: calc(100% - 24px);
+  width: 85%;
+  height: 85%;
   background: var(--background);
   justify-content: center;
-  padding: 3px;
   border: 1px solid white;
   z-index: 3;
 }
@@ -184,3 +183,10 @@ body {
   z-index: 2;
   --line-color: white;
 }
+
+.gridArrow {
+  width: 100%;
+  height: 100%;
+  z-index: 4;
+  --arrow-color: white;
+}