1 files changed, 44 insertions, 2 deletions
diff --git a/turing-machine/css/styles.css b/turing-machine/css/styles.css
index 02279e5..a345f51 100644
--- a/turing-machine/css/styles.css
+++ b/turing-machine/css/styles.css
@@ -1,5 +1,6 @@
 * {
   font-family: "Trebuchet MS", sans-serif;
+  margin: 0;
 }
 
 button {
@@ -24,11 +25,15 @@ body {
   margin-left: auto;
   margin-right: auto;
   flex-direction: column;
+  gap: 1rem;
 
   padding: 2rem;
 }
 
 .tape {
+  border-radius: 0.25rem;
+  box-shadow: 5px 5px 5px #666666;
+
   display: flex;
 
   padding: 1rem;
@@ -39,16 +44,19 @@ body {
   height: 5rem;
   max-width: 100%;
 
-  border: 1px solid black;
+  border: 2px solid white;
 
   overflow-x: scroll;
   overflow-y: hidden;
 }
 
 .cell {
+  border-radius: 0.25rem;
+  box-shadow: 2px 2px 5px #666666;
+  background-color: #dddddd;
+
   position: relative;
   height: 80%;
-  border: 3px solid black;
   transition: border 0.1s ease-in-out;
   transition: background 0.1s ease-in-out;
 
@@ -85,6 +93,40 @@ body {
 }
 
 .cell-input {
+  border: none;
+  border-radius: 0.25rem;
+
+  background-color: 1px solid #ccc;
   width: 50px;
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+
   text-align: center;
+  font-size: 1rem;
+}
+
+textarea {
+  border-radius: 0.25rem;
+  height: 50vh;
+}
+
+.error {
+  color: red;
+}
+
+.success {
+  color: green;
+}
+
+.controls {
+  display: flex;
+  gap: 1rem;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+
+hr {
+  border-top: 2px solid black;
+  border-bottom: none;
 }