aside .main-links a {
    color: white;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 20px 20px;
}

aside .main-links a:hover,
aside .main-links a.active {
    background-color: var(--main-color-dark-lighter-2);
}

aside .main-links a img {
    opacity: 0.6;
}

/* * */
/* * */
/* * */
/* * */
/* * */
/* * */
/* * */
/* * */
/* * */

section {
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid var(--slate-200);
}

@media (max-width: 990px) {
    aside {
        min-width: 150px;
        width: 150px;
    }
}
