@media screen and (max-width: 850px)
{
    body
    {
        padding-left: 0;
        margin-right: 122px;
        margin-left: 0px;
        margin-top: 20px;
        display: block;
        min-height: 100vh;
        transition: margin-left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .titulo-sobremi,.titulo-educacion,.titulo-habilidades,.titulo-experiencia,.titulo-portfolio
    {
        font-size: clamp(26px,4vw,32px);
    }
    
    .menu
    {
        display: none;

    }

    .listado-experiencia
    {
        list-style: none;
        padding: 0px;
        margin: 50px 0px 0px;
        display: grid;
        grid-template-columns: 20rem;
        gap: 30px;
        position: relative;
        justify-items: center;
        align-items: center;
        justify-content: center;
    }

    .sobremi-contenido
    {
        display: grid;
        grid-template-columns: 3fr;
        gap: 50px;
        margin-bottom: 50px;
        justify-items: center;
    }

    .work-portfolio
    {
        width: 60%;
        margin: 100px auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
    }

    .sobremi-cards
    {
        display: flex;
        flex-flow: wrap;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;
    }


    .skills-habilidades
    {
        display: flex;
        width: 100%;
        word-wrap: break-word;
        flex-direction: column;
        align-content: center;
        flex-wrap: nowrap;
        align-items: center;
    }

    .sub-skills
    {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 25px;
        margin: 15px;
        flex-wrap: wrap;
        box-shadow: 0 10px 30px -15px rgba(2,12,27,0.7);
        border-radius: 4px;
        background-color: #112240;
        transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
        overflow: auto;
    }

  
    .lengueta
    {
        display: none;
        visibility: hidden;
    }

    .normal
    {
        display: none;
        visibility: hidden;
    }

    .lengueta_mobile
    {
        height: 65px;
        width: 50px;
        background-color: #112240;
        vertical-align: bottom;
        border-style: outset;
        border-color: #64ffda;
        position: fixed;
        float: left;
        transform: scaleX(1.5);
        right: 45px;
        left:auto;
        top: 30px;
        z-index: -999999999;
        display: flex;
        border-radius: 9px 9px 9px 9px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-shadow: 20px -10px 20px 0px rgb(2 12 27 / 70%);
        z-index: 8;
        transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.22s ease-in-out;
        visibility: visible;
    }

    .lengueta_mobile > .fa-bars
    {
        visibility: visible;

    }


    .lengueta_mobile:hover
    {
        background-color: #0d254f;
        transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        cursor: pointer;
    }


    .marco
    {
        background: transparent;
        width: 250px !important;
        border: 3px solid #64ffda;
        border-radius: 4px;
        height: auto;
        -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
        animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    }

    .imagen-perfil
    {
        width: 100% !important;
        height: auto;
        object-fit: cover;
        display: block;
        position: relative;
        transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
        margin-top: -10px;
    }


    .menu
    {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: fixed;
        z-index: -5;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        width: 100%;
        opacity: 0;
        -webkit-transition: opacity 0s 0.4s, z-index 0s 0.7s;
        -o-transition: opacity 0s 0.4s, z-index 0s 0.7s;
        transition: opacity 0s 0.4s, z-index 0s 0.7s;
    }

    .menu_disponible
    {
        width: 100%;
        height: 100vh;
        position: fixed;
        lefT: 0;
        top: 0;
        right: auto;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        z-index: 3;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        padding: 0;
        transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        /* fondo */
        background-color:#112240;
        opacity:unset;
    }


}