.bg-maroon {
    background-image: linear-gradient(to right, maroon, transparent);
}
.navbar {
    transition: all 0.2s;
}
.navbar-scrolled {
    background-color: maroon;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.btn-primary {
    background-color: maroon !important;
    box-shadow: 0 5px #999 !important;
}

.btn-primary:hover {
    background-color: #A24857 !important;
}
.btn-primary:active {
    background-color: #A24857 !important;
    box-shadow: 0 3px #666 !important;
    transform: translateY(4px) !important;
}

body {
    opacity: 0;
}

#cropperContainerModal{
    text-align: center;
}

#cropperContainerModal img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: calc(100vh - 220px);
}

.dropdown-item.text-secondary.active, .dropdown-item.text-secondary:active {
    color: #fff !important;
}