diff --git a/public/css/styles.css b/public/css/styles.css
index 0249d74..1ee7175 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -63,6 +63,27 @@ div:not([tabindex]):focus {
outline: none;
}
+/* skip link */
+
+[href="#main"] {
+ display: block;
+ width: 100%;
+ padding: 0.75rem;
+ color: #fff;
+ background: #000;
+ position: absolute;
+ top: -3rem;
+ text-align: center;
+ z-index: 1;
+}
+
+[href="#main"]:focus {
+ top: 0;
+ outline: none;
+}
+
+/* text styles */
+
h1, h2, h3, h4 {
font-family: Miriam Libre, serif;
line-height: 1.125;
diff --git a/public/index.html b/public/index.html
index 5af66d5..4e75223 100644
--- a/public/index.html
+++ b/public/index.html
@@ -17,6 +17,7 @@
+ skip to content