body {
    background-image: url(lebkgnd.jpg);
    font-family: Arial, sans-serif;
    color: #000;
    background-size: cover;
    background-repeat: no-repeat;
}

.container {
    text-align: center;
    margin-bottom: 1em;
}

.main-title {
    font-family: "Monotype Corsiva", cursive;
    font-size: 2.5em;
    margin-bottom: 0.2em;
}

.subtitle {
    font-family: "Monotype Corsiva", cursive;
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
    color: inherit;
}

.mountain-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
}

.mountain-table td {
    font-weight: normal;
    padding: 0.6em 0.5em; /* Slightly reduced vertical padding around the links */
    padding-bottom: 0.8em; /* Added more padding *below* each link */
    text-align: center; /* Center the content within the data cells */
    vertical-align: top;
}

.mountain-table th {
    font-style: italic;
    font-weight: bold;
    color: blue;
    background-color: transparent;
    font-size: 1.1em;
    padding: 0.5em;
    text-align: center; /* Center the headings */
    vertical-align: top;
}

.mountain-link {
    color: #ff0000;
    text-decoration: underline;
}

.range-link {
    color: blue; /* Changed range link color to blue to match headings */
    text-decoration: none;
}

.range-link:hover {
    text-decoration: underline;
}

.mountain-link.jen-climbed {
    font-weight: bold;
}

.small-note {
    font-size: 0.8em;
}

.back-link {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 1em;
}

.back-link a {
    color: inherit;
    text-decoration: none;
}

.back-link a:hover {
    text-decoration: underline;
}