navbar on water.css colors

2 files changed, 4 insertions, 6 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 8340c15..7ec2657 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -54,7 +54,7 @@ section#intro {
 }
 
 .topnav {
-  background-color: #333;
+  background-color: var(--background-alt);
   overflow: hidden;
 }
 
@@ -160,13 +160,11 @@ p.footnote {
   color: #64748b;
 }
 
-/* Add a color to the active/current link */
 .topnav a.active {
-  background-color: gray;
+  background-color: var(--background);
   color: white;
 }
 
-/* Right-aligned section inside the top navigation */
 .topnav-right {
   float: right;
 }
diff --git a/index.html b/index.html
index 3102f69..d9e8c61 100644
--- a/index.html
+++ b/index.html
@@ -20,8 +20,8 @@
 </head>

 

 <nav id="nav" class="topnav">

-  <a class="active" href="">Dylan Bolger</a>

-  <p>Software Engineer</p>

+  <a class="navbar-name active" href="">Dylan Bolger</a>

+  <p class="navbar-title">Software Engineer</p>

   <div class="topnav-right">

 	<a class='mobile-hide' href="#Experience">Experience</a>

 	<a class="mobile-hide" href="#Projects">Projects</a>