/* 
This file manages the style of skip links, making them visible and accessible. 
*/

.skip-link {
    position: absolute;
    top: -40px; /* Hide off-screen */
    left: 0;
    z-index: 1000;
    background: #000; /* Background color */
    color: #fff; /* Text color */
    padding: 8px 16px;
    transition: top 0.3s;
}

.skip-link:focus {
    top: 0; /* Move into view when focused */
}