body {
background: rgb(11, 11, 13);
color: rgb(252, 251, 240);
font-family: 'Atkinson Hyperlegible', sans-serif;
padding: 2rem;
text-align: center;
}

h1.about-header {
font-family: 'Kyiv*Type Titling', serif;
font-size: 2.5rem;
margin-bottom: 2.5rem;
}

.team-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
max-width: 1000px;
margin: 0 auto;
}

.team-member {
flex: 1 1 250px;
max-width: 300px;
text-align: left;
}

.team-member h2 {
font-size: 1.2rem;
margin-bottom: 0.2rem;
font-weight: bold;
}

.team-member h3 {
font-size: 1rem;
font-style: italic;
margin-top: 0;
margin-bottom: 0.8rem;
font-weight: normal;
}

.divider {
font-size: 1.5rem;
color: white;
align-self: center;
}

@media screen and (max-width: 768px) {
.team-grid {
    flex-direction: column;
    align-items: center;
}

.divider {
    margin: 1rem 0;
}
}

.back-button {
    display: inline-block;
    color: rgb(252, 251, 240);
    text-decoration: none;
    font-size: 1rem;
    border: 1px solid rgb(252, 251, 240);
    padding: 0.4rem;
    border-radius: 4px;
    transition: all 0.3s ease;
    font-family: 'Kyiv*Type Titling', serif;
}

.back-button:hover {
    border-color: #87CEEB;
    background-color: #87CEEB;
    color: rgb(11, 11, 13);
}