#sidenav {
    min-height: 85vh;
    min-width: 50px;
    max-width: 50px;
    position: fixed;
    z-index: 5;
    left: 2px;
    /*background: #7386D5;*/
    background: rgba(24, 35, 237, 0.25);
    overflow-x: hidden;
    transition: 0.8s;
    color: white;
    text-align: center;
    border-radius: 5px;
}

    #sidenav.active {
        min-width: 140px;
        max-width: 140px;
    }

    #sidenav a {
        color: white;
    }

        #sidenav a strong {
            display: none;
        }

    #sidenav.active a strong {
        display: block;
    }

    #sidenav a span {
        display: none;
    }

    #sidenav.active a span {
        display: block;
    }

    #sidenav span {
        display: none;
    }

    #sidenav.active span {
        display: block;
    }

#sidenav-content {
    min-width: 250px;
    margin-left: 45px;
    transition: margin-left 1.5s;
}

    #sidenav-content.active {
        margin-left: 140px;
    }

#sidenav button {
    margin: 5px;
}