Modified some styles; more bootstrap 5 changes; added logo

assets/styles/eye-old.sass

@@ -1,71 +0,0 @@
-html,
-body 
-  width: 100% 
-  height: 100% 
-  margin: 0 
-  padding: 0 
-body 
-  height: auto 
-  min-height: 100% 
-  box-sizing: border-box 
-  padding-top: 80px 
-  padding-bottom: 80px 
-  background: #eee 
-a 
-  color: teal 
-  transition: all 200ms ease-in-out 
-  &:hover 
-    color: #007070 
-textarea 
-  max-width: 100% 
-  min-width: 100% 
-  height: 100px 
-.container 
-  max-width: 1024px 
-select[multiple] 
-  min-height: 125px 
-#main-nav 
-  position: fixed 
-  top: 0 
-  left: 0 
-  width: 100% 
-  height: 64px 
-  background: teal 
-  color: white 
-  z-index: 20 
-  ul 
-    list-style: none 
-    display: inline-block 
-    li 
-      display: inline-block 
-      margin-left: 15px 
-  h4 
-    display: inline-block 
-    margin-left: 25px 
-    line-height: 64px 
-  a 
-    color: white 
-    font-size: 2.25rem 
-    line-height: 64px 
-    transition: all 200ms ease-in-out 
-    &:hover 
-      color: #eee 
-      font-size: 2.5rem 
-#main-content 
-  padding: 14px 20px 
-  background: white 
-  border-radius: 8px 
-  z-index: 10 
-#main-footer 
-  position: fixed 
-  bottom: 0 
-  left: 0 
-  width: 100% 
-  height: 64px 
-  p 
-    margin-bottom: 5px 
-    text-align: center 
-#result_form 
-  margin-bottom: 0 
-  * 
-    margin-bottom: 0 

assets/styles/eye.scss

@@ -1,5 +1,28 @@
 $primary-color: teal;
 
-body {
-    background: white;
+html{
+  width: 100%;
+  height: 100%;
+}
+
+body{
+    background: #666;
+}
+
+table{
+  border: 1px solid #666;
+}
+
+#main-nav{
+  img{
+    max-height: 40px;
+    margin-right: 15px;
+  }
+}
+
+#main-content{
+  padding: 1.5rem 2rem;
+  background: white;
+  border: 1px solid #bbb;
+  border-radius: 12px;
 }