body {
    background: #1ba1da;
    line-height: 1.5;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 16px;
}


header h1 {
    color: #ff919136;
    font-size: 9em;
    margin: 0 auto;
    text-align: center;
    text-shadow: 2px 2px #a7da1b4d;
    /* text-shadow: -7px 10px #fff; */
}

main {
    position: relative;
    width: 100%;
}


main p.under-construction {
    /* color: #fff;  */
    color: #0a62a03b;
    font-size: 7em;
    font-weight: bold;
    letter-spacing: 2px;
    margin: -30px 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    text-wrap: nowrap;
}

footer {
    min-height: 500px;
    position: relative;
    width: 60%;
}


/* Focus indicators */
:focus {
    outline: 3px solid #4A90E2;
    outline-offset: 2px;
}

/* Skip link for keyboard navigation */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000;
    color: white;
    padding: 8px;
    z-index: 100;
}

.skip-link:focus {
    top: 0;
}

/* Ensure text remains visible during webfont load */
body {
    font-display: swap;
}

/* Proper spacing for readability */
.values-list {
    margin: 1em 0;
    padding-left: 1.2em;
}

.values-list li {
    list-style: none;
    color: #0a62a03b;
    font-size: 4em;
    font-weight: bold;
    margin: -30px 0 0 0;

}


/* Ensure adequate text spacing */
* {
    letter-spacing: 0.12px;
    word-spacing: 0.16px;
}