*{
    margin: 0;
    padding: 0;
}
body{
    background-image: linear-gradient(to top, #cd9cf2 0%, #f6f3ff 100%) !important;
    min-height: 100vh !important;    
}

.container{
    margin-top: 50px;
    padding: 1rem;
}

.card-body{
    background-color: #ecdafa;
}

.card{
    background-color: #ecdafa !important;
    border: 1px solid #cd9cf2 !important;
}

.btn-primary {
    color: black !important;
    background-color: #ffffff !important;
    border-color: #cd9cf2 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-primary:hover{
    background-color: #cd9cf2 !important;
    color: white !important;
}

.btn-outline-success {
    color: #cd9cf2 !important;
    border-color: #cd9cf2 !important;
}

.btn-outline-success:hover{
    background-color: #cd9cf2 !important;
    color: black !important;
}

.navbar-dark .navbar-brand:hover{
    color: #cd9cf2 !important;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #cd9cf2 !important;
}