Added visual difference between navlinks

1 files changed, 15 insertions, 3 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index c63e10f..bb578f7 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -53,11 +53,22 @@ nav ul {
     justify-content: right;
     list-style: none;
     font-size: large;
-    gap: 0.2rem;
+    gap: 0.4rem;
 }
-
 header a::after {display: none;}
 
+header li a::after {
+    display: block;
+    top: 50%; left: -0.2rem; width: 1px; height: 50%; transform: translate(-50%, -50%);
+    opacity: 50%;
+}
+header li:first-child a::after {display: none;}
+
+
+
+
+
+
 
 main {
     max-width: 70ch;
@@ -89,7 +100,7 @@ footer .social {
     cursor:help;
 }
 
-@media screen and (max-width: 500px) {
+@media screen and (max-width: 80ch) {
     header h1 {
         font-size: medium;
     }
@@ -143,4 +154,5 @@ footer .social {
         display: block;
         padding: 0.5rem;
     }
+    nav ul li a::after {display: none;}
 }
\ No newline at end of file