html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
}

.header {
    background-color: #4B0082;
    height: 75px;
}

.body {
    background-size: cover;
    margin: 0;
    padding: 0;
    width: 100%;
}

a {
    color: #4B0082;
    text-decoration: none;        
}

.main-content {
    min-height: 500px; /* Ensures the content area takes at least 500px height */
}

.footer {
    background-color: lightgrey;
}

.fixed-card-height {
    height: 100px; /* Example fixed height for cards */
}

.text-primary {    
    color: #4B0082 !important;
}

.btn-primary {
    background-color: #3a006b !important; /* Slightly darker shade for hover effect */
    border-color: #3a006b !important;
    color: #ffffff !important;
}