.hover-effect {
    transition: transform 0.2s ease-in-out;
}

.hover-effect:hover {
    transform: scale(1.1);
}

.bg-main {
    background-color: #F6EEE0;
}

.dark-main {
    background-color: #A99488;
}

.name-bg {
    background-color: #F6EEE0 !important;
}

.page-active {
    background-color: #796356;
    color: white !important;
    border-radius: 4px;
}

.page-active:hover {
    background-color: #796356;
    color: white;
    border-radius: 4px;
}

.form-header {
    background-color: #796356;
}