
.developerLeftContainer {
    width: 25%;
    height: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0px;
    box-sizing: border-box; /* Ensures padding is included in the element's total width and height */
}

.developerLeftstyle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.middleTitle {
    font-size: 30px;
    justify-content: normal;
    margin-top: 20px;
    margin-bottom: 15px;
    color: #009ccb;
}

.developerContentContainer {
    background-color: white;
    width: 50%; /* Initial width */
    height: 98vh; /* Full viewport height */
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 50px; /* Keep padding inside the box */
    margin-top: 10px;
    box-sizing: border-box; /* Includes padding in total width */
    position: relative; /* Needed for the resize handle */
    border: 1px solid #ccc; /* Example border */
    border-radius: 3px;
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

.mobile_menu {
    display: none;
}

/* Responsive adjustments for phone display */
@media (max-width: 768px) {

    .developerLeftContainer {
        display: none;
        width: 0%;
        height: 93%;
        float: left;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0px;
        box-sizing: border-box; /* Ensures padding is included in the element's total width and height */
    }

    .mobile_menu {
        display: flex;
        margin-right: 10px;
    }

    .developerContentContainer {
        font-size: 0.8em;
        width: 99%;
        padding: 10px;
        margin: 0px;
        margin-top: 0px;
        height: 85vh;
    }

    .middleTitle {
        font-size: 24px;
        justify-content: normal;
        margin-top: 10px;
        margin-bottom: 5px;
        color: #009ccb;
    }
}
