body {
    font-family: Arial, sans-serif;
    background-image: url('background.png');
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
    margin: 0;
    color: black;
}

.container-custom {
    background: rgba(255, 255, 255, 0.85);
    padding: 30px;
    /* Increased by 33% */
    border-radius: 13px;
    /* Increased by 33% */
    margin-top: 133px;
    /* Increased by 33% */
    text-align: center;
    color: black;
    max-width: 1064px;
    /* Increased by 33% */
}

.headshot {
    width: 200px;
    /* Increased by 33% */
    height: 200px;
    /* Increased by 33% */
    border-radius: 50%;
    margin-bottom: 26px;
    /* Increased by 33% */
}

.links a {
    color: #007bff;
    text-decoration: none;
    margin: 0 20px;
    /* Increased by 33% */
    font-size: 53px;
    /* Increased by 33% */
}

.links a:hover {
    text-decoration: underline;
}

.language-switcher {
    display: flex;
    align-items: center;
}

.language-switcher span {
    font-size: 32px;
    /* Increased by 33% */
    cursor: pointer;
    margin: 0 7px;
    /* Increased by 33% */
    opacity: 0.3;
}

.language-switcher .active {
    opacity: 1;
}

.biography-content {
    margin: 26px auto;
    /* Increased by 33% */
    max-width: 800px;
    /* Increased by 33% */
    font-size: 21px;
    /* Increased by 33% */
}

.navbar-brand {
    font-size: 1.75rem;
    /* Increased by 33% */
}

/* — Webring — */
.webring {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .75rem;
    margin-top: 1.5rem;
    font: 500 .9rem/1.2 "Inter", system-ui, sans-serif;
    /* neat & modern */
}

.webring a {
    text-decoration: none;
    color: #000;
    transition: transform .15s ease-in-out;
}

.webring a:hover {
    transform: translateY(-2px);
}