body { font-family: Arial, Helvetica, sans-serif; margin: 2rem; background: #121212;}
.container { max-width: 600px; margin: auto; padding: 1rem; background: #ffffff05; border-radius: 6px; }
h1 { color: #893f45; }
a { color: #faebd7;              
    text-decoration: none;        
    display: inline-block;        
    padding: 0.25rem 0.5rem;      
    margin: 0.15rem;              
}

.image-row {
display: flex; 
flex-wrap: wrap; 
justify-content: center; 
align-items: center; }

header {display: flex; 
        align-items: center;
        justify-content: center;
         background-color: black;}


.logo {flex: 1;}

.settings {}

.image {
max-width: 100%; 
height: auto; 
border-radius: 4px; 
align-items: center;
}

.nav_links{
color: #560319;
font-weight: bold;
display:flex;
flex-wrap:wrap;
justify-content: space-around;
margin: 0;
padding: 100px 40px 200px 40px;
list-style:none;
transition: background-color .2s, color .2s, border-color .2s; }

.nav_links li {
    border-right: 5px solid #480607;
    padding: 0 0.5rem;
}

.nav_links li a:hover{              
    color: #ff6347;
    border-bottom-width: 5px; 
    border-bottom-style: solid;
}


.lol {font-family: "Comic Sans MS", "Comic Sans";}

footer {
    background-color: black;
    text-align: center;
}

.background_image {
    max-width: 100%; 
    height: auto; 
    border-radius: 4px; 
    align-items: center;
}

.member-wall {
    display: grid;                     
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;                      
    max-width: 1200px;                 
    margin: 2rem auto;                
}

.member-card {
    background: rgba(255,255,255,0.07);   
    border-radius: 6px;
    padding: 0.75rem;
    text-align: center;
    transition: transform .2s, box-shadow .2s;
}

.member-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.4);
}

.member-card img {
    width: 100%;                     
    height: 200px;                   
    object-fit: cover;               
    border-radius: 4px;
    margin-bottom: 0.5rem;
}

.member-card .member-name {
    font-size: 1.1rem;
    font-weight: 600;
    color: #faf0e6;                  
}


@media (max-width: 960px) {          
    .member-wall {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 600px) {          
    .member-wall {
        grid-template-columns: 1fr;
    }
}