2 files changed, 15 insertions, 1 deletions
diff --git a/public/css/modules/index.css b/public/css/modules/index.css
index 2439546..9194307 100644
--- a/public/css/modules/index.css
+++ b/public/css/modules/index.css
@@ -8,4 +8,5 @@
 @import './link-gallery.css';
 @import './nav.css';
 @import './nav.md.css' (min-width: 48rem);
-@import './nav.lg.css' (min-width: 64rem);
-\ No newline at end of file
+@import './nav.lg.css' (min-width: 64rem);
+@import './skip-to-content.css';
+\ No newline at end of file
diff --git a/public/css/modules/skip-to-content.css b/public/css/modules/skip-to-content.css
new file mode 100644
index 0000000..d8650d7
--- /dev/null
+++ b/public/css/modules/skip-to-content.css
@@ -0,0 +1,13 @@
+.skip-to-content {
+  position: absolute;
+  left: var(--grid-padding-start);
+  top: -10rem;
+  opacity: 0;
+  transition: top 300ms, opacity 300ms;
+}
+
+.skip-to-content:is(:focus, :focus-visible, :focus-within) {
+  top: var(--margin-block-md);
+  opacity: 1;
+  transition: top 100ms;
+}
+\ No newline at end of file