.container {

    max-width: 1200px;

    margin: 20px auto;

    padding: 20px;

    background-color: white;

    box-shadow: 0 0 10px rgba(0,0,0,0.1);

    border-radius: 10px;

    text-align: center;

}



.title {

    margin-bottom: 20px;

    font-size: 24px;

    font-weight: bold;

}



.members {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: 20px;

    justify-content: center;

}



.member-card {

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 10px;

    box-shadow: 0 2px 5px rgba(0,0,0,0.1);

    overflow: hidden;

    text-align: center;

    padding: 20px;

    transition: transform 0.3s;

    cursor: pointer;

    position: relative;

}



.member-card:hover {

    transform: scale(1.02);

}



.member-card img {

    border-radius: 10px;

    width: 100%;

    height: auto;

}



.member-card h3 {

    margin: 10px 0 5px;

}



.member-card p {

    color: #555;

    margin: 5px 0;

    word-break: break-all;

    overflow-wrap: break-word;

    

}



.member-card a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    text-decoration: none;

    color: inherit;

}