/* Body background */
body {
    background-image: url(underwaterbubbles.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000000;
    background-attachment: fixed;
}

/* Existing award-img stays as is */
.award-img {
    width: 900px;
    height: auto;
    display: block;
    margin: 20px auto;
    max-width: 100%;
}

/* Header styles */
.site-title {
    margin: 0px auto;
    width: 700px;
    filter: shadow;
    color: red;
    font-size: 40pt;
    line-height: 120%;
    text-align: center;
}

.heading-yellow {
    margin: 0px auto;
    width: 700px;
    filter: shadow;
    color: yellow;
    text-shadow: black 0.2em 0.2em 0.3em;
    font-size: 30pt;
    line-height: 120%;
    text-align: center;
}

.quote {
    margin: 0px auto;
    width: 700px;
    filter: shadow;
    color: yellow;
    text-shadow: black 0.2em 0.2em 0.3em;
    font-size: 20pt;
    line-height: 120%;
    text-align: center;
}

/* Navigation button styling */
.nav-table {
    margin: 20px auto;
    background-color: white;
    border: 4px solid black;
    width: 20%;
    text-align: center;
}

.nav-link {
    margin: 0px auto;
    width: 400px;
    color: yellow;
    font-size: 16pt;
    line-height: 120%;
}

/* Resume download button */
.resume-button {
    display: block;
    width: 300px;
    margin: 30px auto;
    padding: 15px 30px;
    background-color: #ffffff;
    color: black;
    text-align: center;
    text-decoration: none;
    font-size: 18pt;
    font-weight: bold;
    border-radius: 8px;
    border: 3px solid #0056b3;
    transition: background-color 0.3s ease;
}

.resume-button:hover {
    background-color: #0056b3;
    cursor: pointer;
}