larger font, swapped out some colors for ul li, spacing

diff --git a/style-colors.css b/style-colors.css
index 63caebae417599fcae79550f282cf26223543b87..9b296a23619c5551bb7d4e0f231c77e7f438fe95 100644 (file)
--- a/style-colors.css
+++ b/style-colors.css
@@ -4,7 +4,10 @@ body {
 }
 
 a {
-       color: #ccccff;
+       color: #31869b;
+}
+a:hover { 
+       color: white; 
 }
 
 header a {
@@ -21,7 +24,7 @@ div p {
 }
 
 ul li { 
-       color:#2fa;
+       color:#fff;
 }
 
 h1 { 

diff --git a/style-layout.css b/style-layout.css
index f197f1ec0d17f6b6dd7cd10c8484210dc64073b7..54bc3367d353976cedb4281ad84c9a1d82c6bab5 100644 (file)
--- a/style-layout.css
+++ b/style-layout.css
@@ -23,7 +23,7 @@ footer {
 .flex-container {
        display: flex;
        flex-row: row wrap;
-       gap: 12px;
+       gap: 15px;
 }
 
 .nav {
@@ -45,10 +45,6 @@ p a {
        font-weight:bold;
 }
 
-a:hover { 
-       color: white; 
-}
-
 /* look into why this .home selector works */
 .home h2 { 
        font-family: 'Poiret One', cursive;
@@ -69,6 +65,10 @@ h1 {
        font-style:italic;      
 }
 
+.content ul {
+/*     text-align:right; */
+       list-style-type: square;
+}
 
 /* --------------------------------------------------------------- */
 /* images--------------------------------------------------------- */
@@ -78,7 +78,6 @@ img {
 }
 
 img[src*="#right"] {
-       border: 1px solid pink;
        float:right;
        padding-left:3em;
        padding-top: 1.5em;
@@ -120,15 +119,14 @@ img[src*="#smaller"] {
 }
 
 .nav-cat {
-       font-size:0.9em;
-}
-.nav-list {
-       width:200px;
-       font-size:0.7em;
+       font-size:1.1em;
 }
 
-.nav-post-title {
-       list-style-type:lower-roman;
+.nav-list {
+       text-align:right;
+       width:220px;
+       font-size:0.9em;
+       list-style-type:square;
 }
 
 /* --------------------------------------------------------------- */