diff --git a/src/assets/css/style.css b/src/assets/css/style.css index 952eeb5..fabbc60 100644 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -1,3 +1,23 @@ +.skip-link { + position: absolute; + top: -100%; + left: 0; + z-index: 100; + padding: 0.75rem 1.25rem; + background: #70ffd7; + color: #1b1e22; + font-weight: 700; + text-decoration: none; + border-radius: 0 0 0.25rem; + transition: top 0.2s; +} + +.skip-link:focus { + top: 0; + outline: 2px solid #70ffd7; + outline-offset: 2px; +} + html, body { height: 100%; diff --git a/src/index.html b/src/index.html index c9906aa..c87a312 100644 --- a/src/index.html +++ b/src/index.html @@ -59,7 +59,8 @@ -
+ +
🛸

Nothing to See Here