.main-container {
    display: flex;
}


    .main-container .sidebar-container {
        flex: 1;
        box-shadow: 2px 0 3px 0 #efefef;
        height: 100vh;
        background: linear-gradient(135deg,#4c2d54, #821b74);
    }

    .main-container .content {
        flex: 7;
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .main-container .divider {
        width: 95%;
        border-bottom: 1px solid #b6b6b6;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }


    .main-container .sidebar-item-container {
        text-decoration: none;
        width: 100%;
    }

    .main-container .sidebar-item {
        width: 100%;
        display: flex;
        justify-content: start;
        gap: 1rem;
        padding: 10px;
        transition: 0.6s;
        margin-bottom: 0.5rem;
        color: white;
    }

        .main-container .sidebar-item:hover {
            cursor: pointer;
            border-bottom: 1px solid #b6b6b6;
            transform: scaleX(1.1);
        }

    .main-container .sidebar-login-container {
        margin-top: 10px;
        margin-bottom: 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }

    .main-container .sidebar-login-icon {
        background-color: white;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
    }

    .main-container .sidebar-logout-button {
        color: white;
        transition: 0.6s;
    }

        .main-container .sidebar-logout-button:hover {
            cursor: pointer;
            transform: scaleX(1.1);
        }