change styles, open links in new tab

assets/css/styles.css

@@ -87,21 +87,21 @@ body {
     width: 100%;
     color: black;
     min-height: 64px;
-    border-radius: 1px;
     padding-right: 44px;
     padding-left: 44px;
     color: inherit;
     text-decoration: none;
-    border: 3px solid white;
-    box-shadow: 12px 12px 0 rgba(0, 0, 0, 0.9);
-    transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
+    border: 2px solid #a9a9b3;
+    box-shadow: 10px 10px 0 rgb(0, 0, 0);
+    transition: transform 0.075s ease-in-out, box-shadow 0.075s ease-in-out;
 
 }
 
 .link:hover,
 .link:focus {
     color: white;
-    background-color: transparent;
-    transform: translateY(6px);
-    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.9);
+    background-color: rgba(0, 0, 0, 0.5);
+    transform: translateY(2px);
+    box-shadow: 8px 8px 0 rgb(0, 0, 0);
+    border-color: white;
 }

index.html

@@ -5,7 +5,6 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="assets/css/styles.css">
-    <script src="assets/js/main.js"></script>
     <title>Nicholas Ward</title>
 </head>
 
@@ -24,8 +23,10 @@
                 </div>
             </div>
             <div class="links">
-                <a class="link" href="https://log.uuard.com">Web Log</a>
-                <a class="link" href="https://git.uuard.com/">Git Repository</a>
+                <a class="link" href="https://log.uuard.com" target="_blank">Web Log</a>
+                <a class="link" href="https://git.uuard.com/Ward" target="_blank">Git Repository</a>
+                <a class="link" href="#">Résumé</a>
+                <a class="link" href="#">Projects</a>
             </div>
         </div>
     </div>