.sidebar-content {
    padding: 20px;
    background-color: transparent;
}

.sidebar-content ul {
    list-style-type: none;
    padding: 0;
}

.sidebar-content ul li {
    margin: 10px 0;
}

.sidebar-content ul li a {
    color: white;
    text-decoration: none;
    background-color: transparent;
    font-size: 18px;
    transition: text-shadow 0.3s ease;
}

.sidebar-content ul li a:hover {
    text-shadow: 2px 2px 5px rgba(243, 195, 20, 0.8); /* f3c314 */
}

.sidebar-content ul li a.active {
    text-shadow: 2px 2px 5px rgba(219, 52, 140, 0.8); /* db348c */
}

.sidebar-content ul li a:hover, 
.sidebar-content ul li a.active {
    transition: text-shadow 0.3s ease-in-out;
}