update index.html and styles.css to improve accessibility and enhance visual presentation

This commit is contained in:
pacnpal
2025-02-16 11:55:09 -05:00
parent 1fee683d6d
commit 3c36496c7b
2 changed files with 59 additions and 18 deletions

View File

@@ -1,5 +1,23 @@
.skip-link:focus {
position: fixed !important;
left: 50% !important;
transform: translateX(-50%);
top: 10px !important;
width: auto !important;
height: auto !important;
padding: 10px 20px;
background: #ffcc00;
color: #1e1e2f;
font-weight: bold;
border-radius: 4px;
text-decoration: none;
z-index: 999999;
overflow: visible !important;
}
body {
font-family: 'Courier New', monospace;
font-family: 'ChicagoFLF', 'Courier New', monospace;
background: linear-gradient(135deg, #1e1e2f, #1e2f4f);
color: #fff;
text-align: center;
@@ -23,10 +41,16 @@ section {
border-radius: 8px;
}
a {
color: #7fccff;
text-decoration: none;
transition: color 0.3s ease;
color: #99ddff;
text-decoration: underline;
transition: color 0.3s ease, text-decoration 0.3s ease;
}
a:hover {
a:hover, a:focus {
color: #ffcc00;
text-decoration: underline;
outline: none;
}
a:focus-visible {
outline: 2px solid #ffcc00;
outline-offset: 2px;
}