Update styles.css

mtdowner · Aug 24, 2023 · 0478af9 · 0478af9
1 parent fa65c0c
commit 0478af9
Showing 1 changed file with 41 additions and 17 deletions.
diff --git a/technical-documentation/styles.css b/technical-documentation/styles.css
@@ -3,39 +3,63 @@
 }
 
 body {
-  font-family: space-mono, mono;
+  font-family: Menlo, monospace;
   color: #7223ce;
   margin: 0;
   padding: 0;
-}
-
-#layout {
-margin-left:25%;padding:1px 16px;height:1000px;
+  font-size: 100%;
+  min-height: 100vh;
+  scroll-behavior: smooth;
 }
 
 .left-nav {
-  list-style-type: none;
   margin: 0;
   padding: 0;
   width: 25%;
-  background-image: linear-gradient(#8000ff, #99f, #acf);
+background-image: linear-gradient(#7223ce, #000);
   position: fixed;
+  top: 0;
   height: 100%;
-  overflow: auto;
+  overflow: hidden;
+  font-size: 120%;
+  text-align: center;
+}
+
+ul {
+   display: flex;
+   flex-direction: column;
+   justify-content: space-evenly;
+}
+
+li {
+  list-style-type: none;
 }
 
-li a {
-  display: block;
-  color: #0ff;
+a {
+  color: #fff;
   text-decoration: none;
 }
 
-li a.active, button {
-  background-color: #8255ff;
-  color: white;
+main,
+h1,
+footer {
+  margin-left: 25%;
+  padding-left: 10px;
+}
+
+h1 {
+  font-size: 4rem;
+  font-weight: 800;
+  letter-spacing: -1px;
+  word-spacing: -18px;
+  text-transform: uppercase;
+}
+
+table {
+  width: 100%;
 }
 
-li a:hover:not(.active) {
-  background-color: #8255ff;
-  color: white;
+td:hover {
+  background-color: #8a2be2;
+  color: #fff;
 }