body{
    background:#EEF5F9 !important;
}
.container{
    background:linear-gradient(to left, #7b4397, #2196f3);
}

.left-nav{
    background:#fff !important;
}

.left-nav a {
    color: #686a76 !important;
}

.left-nav a.active, .left-nav a:hover {
    background: linear-gradient(135deg, #7c8ce4 0%, #6b7ee9 20%, #5a70ee 40%, #2196f3 50%, #1a89e6 60%, #157dd9 80%, #0f71cc 100%) !important;
    background-size: 200% 200% !important;
    animation: goldFlow 6s ease infinite !important;
    color: #fff !important;
    border-color: #7b4397 !important;
    box-shadow: 0 0 15px rgba(124, 140, 228, 0.5), inset 0 0 10px rgba(33, 150, 243, 0.3) !important;
}

.left-nav a:hover{
    background: linear-gradient(135deg, #7c8ce4 0%, #6b7ee9 20%, #5a70ee 40%, #2196f3 50%, #1a89e6 60%, #157dd9 80%, #0f71cc 100%) !important;
    background-size: 200% 200% !important;
    animation: goldFlow 6s ease infinite !important;
    color: #fff !important;
    border-color: #7b4397 !important;
    box-shadow: 0 0 15px rgba(124, 140, 228, 0.5), inset 0 0 10px rgba(33, 150, 243, 0.3) !important;
}
.container .logo a{
    background: rgba(0,0,0,0) !important;
}

summary.collapse-name::before {
    --collapse-bg: linear-gradient(to left, #7c8ce4, #2196f3);
}