body {
    font-family: 'Cairo', sans-serif;
}

.hero {
    height: 100vh;
    background-image: url('../img/background.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.navbar-brand,
.nav-link{
    color: rgb(128, 186, 236);
}

.navbar-brand,.nav-link:hover,.footer{
    color: rgb(68, 149, 219) !important;
}
.group-card {
    transition: all 0.3s ease; 
    transform: scale(1);     
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); 
}

.group-card:hover {
    box-shadow: 5px 5px 15px rgba(0,0,0,0.2); 
    transform: scale(1.05);    
}