pre-render optimizations

components/SkipToContent/SkipToContent.module.css

@@ -1,7 +1,7 @@
 /* accessible invisibility stuff pulled from @reach/skip-nav:
 https://github.com/reach/reach-ui/blob/main/packages/skip-nav/styles.css */
 
-.hiddenLink {
+.skipNav {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
@@ -12,7 +12,7 @@ https://github.com/reach/reach-ui/blob/main/packages/skip-nav/styles.css */
   position: absolute;
 }
 
-.hiddenLink:focus {
+.skipNav:focus {
   padding: 1rem;
   position: fixed;
   top: 10px;
@@ -24,6 +24,5 @@ https://github.com/reach/reach-ui/blob/main/packages/skip-nav/styles.css */
   background: var(--colors-superDuperLight);
   color: var(--colors-link);
   border: 2px solid var(--colors-kindaLight);
-  border-radius: var(--radii-corner);
   text-decoration: underline;
 }

components/SkipToContent/SkipToContent.tsx

@@ -4,7 +4,7 @@ const skipNavId = "skip-nav";
 
 export const SkipToContentLink = () => {
   return (
-    <a href={`#${skipNavId}`} tabIndex={0} className={styles.hiddenLink}>
+    <a href={`#${skipNavId}`} tabIndex={0} className={styles.skipNav}>
       Skip to content
     </a>
   );