Added color scheme/better brain

dist/css/style.css

@@ -98,7 +98,10 @@ button:hover{
     grid-template-columns: 1;
 }
 .editor-buttons {
-    display: block;
+    display: grid;
+    grid-template-rows: 3;
+    grid-template-columns: 1;
+    height: fit-content;
 }
 
 .col-row-input {
@@ -158,6 +161,7 @@ button:hover{
 .edit-mode-btn {
     width: 30px;
     height: 30px;
+    margin-top: 5px;
 }
 .edit-mode-btn:hover{
     background-color: #81d2c7;
@@ -165,6 +169,9 @@ button:hover{
 .edit-mode-btn#drag-view {
     background-color: #81d2c7;
 }
+#clear-walls {
+    margin-top: 5px;
+}
 #organism-options {
     display: none;
 }
@@ -181,6 +188,10 @@ button:hover{
 }
 #cell-selections {
     display: none;
+    grid-template-columns: 2;
+    height: fit-content;
+    padding: 0;
+    margin: 0;
 }
 #cell-legend {
     display: flex;
@@ -206,30 +217,6 @@ button:hover{
     border-color: black;
     border: 5px;
 }
-#mouth{
-    background-color: orange;
-}
-#producer{
-    background-color: white;
-}
-#mover{
-    background-color: #3493eb;
-}
-#killer{
-    background-color: red;
-}
-#armor{
-    background-color: purple;
-}
-#eye{
-    background-color: #d4bb3f;
-}
-#food{
-    background-color: green;
-}
-#wall{
-    background-color: gray;
-}
 #editor-mode-cont{
     padding-top: 20px;
 }