rid of my title from the nabar when it fills up the bar on mobile

1 files changed, 9 insertions, 5 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 7ec2657..d3d6d18 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -62,7 +62,6 @@ section#intro {
   font-family: 'Source Code Pro';
 }
 
-/* Style the links inside the navigation bar */
 .topnav a,
 .topnav p {
   float: left;
@@ -74,14 +73,10 @@ section#intro {
   margin: 0;
 }
 
-/* Change the color of links on hover */
 .topnav a:hover {
-  background-color: #ddd;
-  color: black;
   text-decoration: none;
 }
 
-
 ul.experience {
   padding-left: 0;
 }
@@ -192,6 +187,15 @@ details {
   text-decoration: none;
 }
 
+@media (prefers-color-scheme: light) {
+  .topnav a, .topnav p {
+    color: black !important;
+  }
+  .topnav {
+    background-color: var(--background)
+  }
+}
+
 @media screen and (max-width: 886px) {
 
   body {