feat: major changes to website design

1 files changed, 48 insertions, 67 deletions

diff --git a/static/css/style.css b/static/css/style.css
index a56cbdc..a6492f1 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,106 +1,87 @@
-html {
-    font-family: 
-    "LM Mono","Courier New",Courier,monospace;
-}
-
 body, html {
     margin: auto;
-    width:86%;
-    height:86%;
+    font-family: sans-serif;
+    font-size: 12.5pt;
 }
+
 h1 {
-    font-size: 40pt;
+    font-size: 3em;
     font-weight: bold;
-    text-shadow: 1px 1px 5px #690000;
     color:#690000;
-    margin-left: 10px;
     display: inline;
 }
 
+img {
+    display: inline-block;
+    margin: 1em 1em 1em 0;
+}
+
 h2 {
-    margin: 0px;
-    margin-left: 10px;
-    padding: 0px;
+    padding: 0.1em;
+    background: rgba(170, 170, 170, 0.3);
     color: #0b0b0b;
     font-weight: bold;
-    text-shadow: 0px 0px 3px #ababab;
 }
 
 a {
     text-decoration: none;
-    color: blue; 
-}
-
-img {
-    border-width: 10px;
-    box-shadow: 0 0 5px black;
-    border-radius: 10px;
-}
+    color: blue;
 
-ul {
-    list-style-type: none;
-    margin: 0px;
-    padding-left: 10px;
 }
 
-p {
-    margin: 10px;
+a:hover{
+    text-decoration: underline;
 }
 
 div {
     display: inline-block;
+    vertical-align: bottom;
 }
 
-/* This enables the hexcode to flow. */
-pre {
-    margin-left: 10px;
-    position: relative;
+ul {
+    /* The overflow is to allow the float to retain background-color*/
+    overflow: hidden;
+    margin-top: 0.25em;
+    padding-left: 0em;
 }
 
-/* This is the navigation bar at the top*/
-#bar ul,
-#bar li {
-    display: inline-block;
-    margin-top: 10px;
-    margin-bottom: 10px;
-    font-size: 20px;
+ul li:first-child {
+  list-style: none;
+  margin-left: 0em;
+  padding-left: 0em;
 }
 
-.container {
-    padding: 10px;
-    margin: 10px;
-    color: rgba(50, 50, 50, 1);
-    background: rgba(170, 170, 170, 0.3);
-    border-width: 2px;
-    border-color: #ababab;
-    border-radius: 10px;
-    width: 100%;
-    border-style: solid;
+li::marker {
+    color:blue;
+}
 
+
+header ul li {
+    float: left;
+    margin: 0 0.75em;
+    padding-inline-start: 0.25em;
+    
 }
 
-.terms { 
-    font-size: 5pt;
-    color:black
+header, .list, .single, .body{
+    padding-left: 4em;
+    background: rgba(170, 170, 170, 0.3);
 }
 
-.avatar {
-    margin: 10px;
-    display: inline-block;
+p {
+    text-align: justify;
 }
 
-.content-wrapper {
-    width: 100%;
-    margin-top: 5px;
-    height: 225px;
-    overflow-y: auto;
-    font-size: 19px;
+.list, .single, .body {
+    font-family:Georgia, 'Times New Roman', Times, serif;
+    margin-left: 3em;
+    width: 80%;
+    background: #ffffff;
 }
 
-.c {
-    margin-right: -15px;
-    margin-top: 5px;
-    height: 225px;
-    overflow: hidden;
-    cursor: default
+.date {
+    color:#ababab;
+    display: block;
+    font-size: 0.8em;
+    margin-bottom: 10px;
 }