body{
margin:0;
font-family:Poppins;
background:#0f172a;
color:white;
text-align:center;
}

.hero{
height:100vh;
background-image:url("images/group.jpg");
background-size:cover;
background-position:center;
display:flex;
align-items:center;
justify-content:center;
}

.hero-overlay{
background:rgba(0,0,0,0.6);
padding:60px;
border-radius:10px;
}

section{
padding:60px;
}

.members{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:30px;
}

.member img{
width:150px;
height:150px;
border-radius:50%;
object-fit:cover;
}

.cards{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:30px;
}

.card{
width:250px;
background:#1e293b;
border-radius:10px;
overflow:hidden;
}

.card img{
width:100%;
height:150px;
object-fit:cover;
}

.expenses input{
padding:10px;
margin:5px;
}

button{
padding:10px 20px;
cursor:pointer;
}

iframe{
width:90%;
height:400px;
border:none;
border-radius:10px;
}

footer{
background:#020617;
padding:20px;
}