work on index.html design, introduce water.css

1 files changed, 6 insertions, 19 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 26c4d9b..019ffa2 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -56,12 +56,11 @@ body#about header ul#nav {
 }
 
 ul#nav li {
-  font-size: 12px;
-  margin: 1.5em;
-  width: 20%;
+  font-size: 16px;
+  width: 25%;
   /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
-  text-align: center;
   /* If you want the text to be centered */
+  text-align: left;
   white-space: nowrap;
 }
 
@@ -77,14 +76,6 @@ body#about {
   max-width: 600px;
 }
 
-ol#vinyls li,
-ul.tv li,
-ul.movies li,
-ul.web li,
-ul.currentread li {
-  font-family: 'Source Code Pro';
-}
-
 li.nostyle {
   list-style-type: none;
 }
@@ -94,8 +85,7 @@ body {
   margin: 0 auto;
 }
 
-p,
-ul {
+p {
   font-family: 'Source Sans Pro';
 }
 
@@ -181,10 +171,6 @@ a {
   color: blue;
 }
 
-a:hover {
-  color: black;
-}
-
 a:active {
   color: gray;
 }
@@ -195,7 +181,7 @@ section {
 }
 
 div.project {
-  margin-bottom: 2em;
+  margin-bottom: 1.4em;
 }
 
 div.project h2 {
@@ -225,6 +211,7 @@ div.project h1 {
 section h1 {
   font-weight: bold;
   font-size: 28px;
+  line-height: 30px;
 }
 
 @media (prefers-color-scheme: dark) {