1 files changed, 27 insertions, 162 deletions

diff --git a/public/css/stylebase.css b/public/css/stylebase.css
index ff59114..5621363 100644
--- a/public/css/stylebase.css
+++ b/public/css/stylebase.css
@@ -1,193 +1,58 @@
-body {
-    background-color: #dcdcdceb;    
-    font-family: helvetica, arial, sans-serif;
-    margin: 0px;
-
-}
-
-h1 {    
-    font-size: 3em;
-    font-variant: all-small-caps;
-    margin-top: 0px;
-    margin-bottom: 0px;
-}
-
-h2 {
-    font-style: italic;
+:root {
+    --color1: lightgrey;
+    --color2: lightslategrey;
+    --color3: white;
+    --color4: grey;
 }
 
-h3 {
-    opacity: 0.7;
-}
-
-h6 {
-    font-size: 1em;
-}
-
-p{
-    font-size: 1em;
-}
-
-em {
-    opacity: 0.8;
-}
-
-a{
-    text-decoration: none;
-}
-
-a:hover{
-    text-decoration: underline;
+body {
+    margin: 0;
+    font-family: monospace;
 }
 
-form {
-    margin-bottom: 0px;
-}
 
 section {
-    padding: 3%;    
-}
-
-.edit body {
-    overflow-y: scroll;
-}
-
-.edit section {
-    text-align: left;
-    padding-top: 0px;
-    padding-bottom: 0px;
-    padding-left: 8%;
-    padding-right: 8%;
-    line-height: 1.2em;
 }
 
-.button, input, textarea, select {
-    display: inline-block;
-    width: 90%;
-    padding-left: 15px;
-    padding-right: 15px;
-    margin:  5px;
-    margin-left:  5%;
-    margin-right:  5%;
-    height:  30px;
-    border-style: unset;
-}
 
-.button {
-    text-align: center;
-    color: black;
-    font-size: 13px;    
-    padding-top: 7px;
-    background-color: #bfbfbf;
-    box-sizing: border-box;
-    align-items: flex-start;
-    text-align: center;
-    cursor: default;
-    white-space: pre;    
-    -webkit-rtl-ordering: logical;
-    text-rendering: auto;
-    color: initial;
-    letter-spacing: normal;
-    word-spacing: normal;
-    text-transform: none;
-    text-indent: 0px;
-    text-shadow: none;
-}
 
-.button:hover {
-    
-    text-decoration: none;
-}
 
-article {
-    position: relative;
-    z-index: 7;
-}
 
-#html{
-    height: calc(100% - 95px);
+form{
+    margin: 0;
 }
 
-#css{
-    height: 250px;
-}
 
-input[type="submit"] {
-    background-color: #bfbfbf;
-}
-
-aside {
-    position: fixed;
-    bottom: 0px;
-	right: -300px;
-	padding: 7px;
-	z-index: 5;
-	background: #bfbfbf;
-	opacity: 0.3;
-    width: 350px;
-    overflow-y: scroll;
-    max-height: calc(100% - 200px);
-}
-
-aside:hover {
-	opacity: 1;
-	right: 0px;
-}
 
 nav {
     position: fixed;
-    top: 0px;
-	right: -6%;
-	z-index: 10;
-	opacity: 0.3;
-    width: 8%;
-    text-align: right;
-}
-
-
-
-nav:hover, .edit nav {
-	opacity: 1;
-	right: 0px;
+    top: 0;
+    right: 0;
+    z-index: 10;
+    background-color: var(--color1);
+    /* width: calc(10% - 20px); */
+    width: 10%;
+    border: ridge 1px grey;
 }
 
-.alert h4 {
-    background-color:  red;
-    margin: 0px;
+div#menu {
+    display: none;
 }
 
-table {
-    width: 100%;
-    margin-top: 20px;
-}
-
-.home tr:hover {
-    background-color: #bfbfbf;
+nav:hover div#menu {
+    display: block;
 }
 
-.home td:hover {
-    background-color: #a7a6a6;
+nav a {
+    display: block;
 }
 
-td {
-    border: 1px solid #ffffff00;
-    padding-top: 3px;
-    padding-bottom: 3px;
+nav a:hover {
+    background-color: var(--color2);
 }
 
-.submit {
-    position: fixed;
-    top: 0px;
-    left: 0px;
-    width: 8%;
+nav #loginpass {
+    width: 100%;
 }
 
 
-summary {
-    height: 24px;
-    outline: none;
-    font-size: 1.4em;
-    background-color: #a0a0a0;
-    margin-top:  3px;
-    margin-bottom:  3px;
-}
\ No newline at end of file