.card-wrapper {
display: flex;
justify-content: center;
align-items: center;
min-height: 30vh; /* changed to min-height for better content fit */
background-color: #F9F9F9; /* light background */
padding: 20px 0;
}
.card {
background-color: #D6E6D1; /* Light green tint */
color: #173302; /* Dark green text */
border-radius: 10px;
padding: 20px;
max-width: 400px;
width: 90vw; /* responsive */
box-shadow: 0 4px 8px rgba(23, 51, 2, 0.2);
border: 2px solid #084053; /* Dark blue-green border */
text-align: center; /* Center all text */
font-family: sans-serif;
}
.card h2 {
color: #993300; /* Dark orange */
margin-bottom: 0.5rem;
margin-top: 0;
}
.card p {
margin: 0.3rem 0;
}
.role {
color: #084053; /* Dark blue-green */
font-weight: bold;
display: block;
}
.name {
font-size: 1.2rem;
font-weight: 600;
display: block;
}
.title {
font-style: italic;
color: #084053; /* Dark blue-green */
display: block;
}
hr {
border: none;
border-top: 1.5px solid #993300; /* Dark orange */
margin: 1rem 0;
}
