#left-menu
{
    z-index: 998;
    min-width: 300px;
    max-width: 300px;
    background-color: rgb(248, 248, 248);
    position: fixed;
    height: 100vh;
    overflow-y: auto;
    border-right: rgb(224, 224, 224) 3px solid;

    >div
    {
        padding: 15px;

        >hr
        {
            margin: 15px 0;
        }

        &:nth-child(3)
        {
            a
            {
                padding: 5px;

                svg
                {
                    margin: 0 5px;
                }
            }
        }
    }

    hr
    {
        border: 1px solid;
    }

    h3
    {
        color: rgb(var(--primary))
    }

    @media (width < 1000px)
    {
        display: none;
    }

    @media (width > 1000px)
    {
        display: flex !important;
    }
}

#left-menu-responsive-icon
{
    z-index: 999;
    display: none;
    position: fixed;
    padding: 15px;
    cursor: pointer;
    background-color: rgb(248, 248, 248);

    @media (width < 1000px)
    {
        display: flex;
        top: 0px;
    }
}