Addressing PR feedback

Author: mariana-caldas

styles/Card.module.scss

@@ -39,6 +39,7 @@
 
   a {
     text-decoration: underline;
+    text-underline-offset: 2px;
 
     &:hover {
       opacity: 0.6;

styles/Nav.module.scss

@@ -115,20 +115,24 @@
     font-size: 1.2rem;
     line-height: 2.5;
     font-weight: 400;
-    display: block;
+    letter-spacing: 1px;
     @include transition(all 0.3s ease);
 
-    &:hover,
+    &:hover {
+      font-weight: bold;
+      letter-spacing: 0;
+    }
+
     &.current {
-      font-weight: 600;
+      font-weight: bold;
     }
 
-    &:before {
+    &:after {
       display: block;
+      letter-spacing: 1px;
       content: attr(title);
       font-weight: bold;
-      height: 1px;
-      color: transparent;
+      height: 0;
       overflow: hidden;
       visibility: hidden;
     }
@@ -140,6 +144,7 @@
 
   &__item {
     @include desktop {
+      display: inline-block;
       margin-left: 6rem;
     }
   }

styles/globals.scss

@@ -59,6 +59,7 @@ a {
 
   &:hover {
     text-decoration: underline;
+    text-underline-offset: 2px;
   }
 }