Keep keyboard navigation link fully hidden until focused

website/assets/css/style.css

@@ -117,17 +117,17 @@ code, kbd, .mono {
 .skip-link {
   position: absolute;
   left: 50%;
-  top: -60px;
+  top: 0;
-  transform: translateX(-50%);
+  transform: translate(-50%, -110%);
   z-index: 200;
   padding: 10px 18px;
   border-radius: 0 0 12px 12px;
   background: var(--pink);
   color: #fff;
   font-weight: 700;
-  transition: top 160ms var(--ease);
+  transition: transform 160ms var(--ease);
 }
-.skip-link:focus { top: 0; }
+.skip-link:focus { transform: translate(-50%, 0); }
 
 /* ============================ Header ============================ */