add favicon, turing machine bug fixes and finishing touches

1 files changed, 21 insertions, 9 deletions

diff --git a/turing-machine/css/styles.css b/turing-machine/css/styles.css
index a345f51..1b2ad09 100644
--- a/turing-machine/css/styles.css
+++ b/turing-machine/css/styles.css
@@ -1,5 +1,4 @@
 * {
-  font-family: "Trebuchet MS", sans-serif;
   margin: 0;
 }
 
@@ -7,7 +6,9 @@ button {
   background: #bbbbbb;
   border: 1px solid white;
   border-radius: 0.2rem;
-  padding: 0.2rem;
+  padding: 0.3rem;
+  display: inline-block;
+  cursor: pointer;
 }
 
 button:hover {
@@ -15,7 +16,7 @@ button:hover {
 }
 
 body {
-  margin: 0;
+  font-family: "Trebuchet MS", sans-serif;
   background-color: #aaaaaa;
 }
 
@@ -54,11 +55,12 @@ body {
   border-radius: 0.25rem;
   box-shadow: 2px 2px 5px #666666;
   background-color: #dddddd;
+  border: 2px solid white;
 
   position: relative;
   height: 80%;
-  transition: border 0.1s ease-in-out;
-  transition: background 0.1s ease-in-out;
+  transition: border 0.25s ease-in-out;
+  transition: background 0.25s ease-in-out;
 
   display: flex;
   flex-direction: column;
@@ -80,7 +82,7 @@ body {
   background-color: wheat;
   border-radius: 50%;
   opacity: 0.001;
-  transition: opacity 0.1s ease-in-out;
+  transition: opacity 0.25s ease-in-out;
 }
 
 .cell.reading .circle {
@@ -88,7 +90,7 @@ body {
 }
 
 .reading {
-  border-color: green;
+  border-color: wheat;
   background-color: wheat;
 }
 
@@ -105,6 +107,16 @@ body {
   font-size: 1rem;
 }
 
+.textarea-container {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  box-shadow: 5px 5px 5px #666666;
+  border: 2px solid white;
+  border-radius: 0.25rem;
+  padding: 1rem;
+}
+
 textarea {
   border-radius: 0.25rem;
   height: 50vh;
@@ -119,11 +131,11 @@ textarea {
 }
 
 .controls {
-  display: flex;
+  display: none;
   gap: 1rem;
   flex-direction: row;
   justify-content: center;
-  align-items: center;
+  align-items: stretch;
 }
 
 hr {