.img_prim{
    width: 85%;
    height: 81vh;
    position: relative;
    left: 0;
    right: 0;
    margin: 25px auto 0 auto;
    overflow: hidden;
}
.bienv{
    position: relative;
    left: 0;
    right: 0;
    margin: 4em auto auto;
    width: 90%;
}
h1{
    text-align: center;
    font-size: 4em;
    color: #161b64;
}
/*** Las imágenes de la imagen principal ***/
.img_cont{
    display: flex;
    height: auto;
    width: calc(100% * 13);
    transform: translateX(0);
    animation: siguiente;
    animation-duration: 60s;
    animation-iteration-count: infinite;
}
.img_html{
    background: linear-gradient(to bottom, #FF8363, #E44D26, #E44D26, #922C12, #491204);
}
.img_css{
    background: linear-gradient(to bottom, #B4E3FF, #52A3D4, #379AD6, #379AD6, #115C89, #042940);
}
.img_c{
    background: linear-gradient(to bottom, #A8B3F4, #5C6BC0, #5C6BC0, #25327B, #070D30);
}
.img_cpp{
    background: linear-gradient(to bottom, #A0D0FF, #5C8DBC, #5C8DBC, #264869, #13293D);
}
.img_csh{
    background: linear-gradient(to bottom, #FFCAFA, #CB80C4, #9A4993, #9A4993, #9A4993, #6D2967, #3D143A);
}
.img_java{
    background: linear-gradient(to bottom, #FFC187, #FF9C41, #E76F00, #5382A1, #274960, #102939);
}
.img_dev-c-pp{
    background: linear-gradient(to bottom, #E5F1FF, #91BEF6, #6296D6, #5C8BC6, #375B89, #112237);
}
.img_visual_studio{
    background: linear-gradient(to bottom, #8BCBF6, #2D9EEB, #007ACD, #007ACD, #00548D, #001F34);
}
.img_eclipse{
    background: linear-gradient(to bottom, #FFAF4F, #4D3F89, #2C2255, #2C2255, #120C2B, #060310);
}
.img_git{
    background: linear-gradient(to bottom, #FD7D73, #F03C2E, #F03C2E, #861A12, #0E0201);
}
.img_cmake{
    background: linear-gradient(to bottom, #BEBEFF, #7878FF, #F15E5E, #B82424, #018F01, #002900);
}
.img_tec_info{
    background-color: white;
}
.img_cont_tur{
    width: 100%;
    height: 100%;
}
.img_turno{
    width: 100%;
    height: 80vh;
    padding-top: 10px;
    margin: 0;
}
@keyframes siguiente{
    0%{
        transform: translateX(0); /***HTML***/
    }
    4%{
        transform: translateX(0);
    }
    8%{
        transform: translateX(-7.7%); /***CSS***/
    }
    12%{
        transform: translateX(-7.7%);
    }
    16%{
        transform: translateX(-15.385%); /***C***/
    }
    20%{
        transform: translateX(-15.385%);
    }
    24%{
        transform: translateX(-23.07%); /***C++***/
    }
    28%{
        transform: translateX(-23.07%);
    }
    32%{
        transform: translateX(-30.768%); /***Csh***/
    }
    36%{
        transform: translateX(-30.768%);
    }
    40%{
        transform: translateX(-38.4558%); /***Java***/
    }
    44%{
        transform: translateX(-38.4558%);
    }
    48%{
        transform: translateX(-46.161%); /***dev c ++***/
    }
    52%{
        transform: translateX(-46.161%);
    }
    56%{
        transform: translateX(-53.85%); /***Visual Studio***/
    }
    60%{
        transform: translateX(-53.85%);
    }
    64%{
        transform: translateX(-61.54%); /***Eclipse***/
    }
    68%{
        transform: translateX(-61.54%);
    }
    72%{
        transform: translateX(-69.235%); /***Git***/
    }
    76%{
        transform: translateX(-69.235%);
    }
    80%{
        transform: translateX(-76.92%); /***CMake***/
    }
    84%{
        transform: translateX(-76.92%);
    }
    88%{
        transform: translateX(-84.62%); /***Técnico Informática***/
    }
    92%{
        transform: translateX(-84.62%);
    }
    96%{
        transform: translateX(-92.314%); /***HTML***/
    }
    100%{
        transform: translateX(-92.314%);
    }
}
/*****************************************************/





.prsnt{
    width: 85%;
    overflow: hidden;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.foto_cv{
    width: 30vw;
    height: 70vh;
    float: left;
    margin: 1.8em 1em 0px 1em;
    position: relative;
    overflow: hidden;
}
.foto_cv img{
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
section{
    width: auto;
}
p{
    font-size: 1.8em;
    color: #272f83;
}
@media screen and (max-width: 700px){
    .foto_cv{
        width: 90%;
        float: left;
        margin: 1.8em 1em 15px 1em;
        position: relative;
        overflow: hidden;
    }
    .foto_cv img{
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}