*{
    margin: 0px 0px;
    padding: 0px 0px;
    box-sizing: border-box;
}
body{
    display: block;
    margin: auto;
    background-color: rgba(196, 151, 150, 0.664);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
header .contenedora { 
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 30px;
    background-image: linear-gradient(0deg, rgb(161, 111, 91) 31%, rgb(161, 101, 91) 47%, rgb(161, 99, 91) 65%, rgb(125, 59, 57) 100%);
}
header #logo { 
    display: flexbox;
    width: 78px;
    height: 40px;
    border-radius: 4px; /*redondear los bordes*/
    padding: 3.5% 3.9%;
    background-color: rgb(255, 255, 255);
}
header a:-webkit-any-link {
    cursor: pointer;
}
header nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 20px 1px;
}
header nav a {
    color: rgb(255, 255, 255);
    display: block;
    width: fit-content; 
    border-radius: 7px;  
    padding-block: 10px;  
    padding-inline: 11px; 
    text-align: center;
    text-decoration: none; 
    border: solid 1px rgb(129, 42, 15);
    cursor: pointer;
}
header nav a:hover {background-color: rgb(125, 59, 57);}
header nav a:not(:hover) {opacity: .7; transform: scale(.85);}
h1 { 
    color: rgb(125, 59, 57);
    font-size: 35px;
    margin: 30px 30px;
}
#imagenperfil {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 30px;
    width: 200px;
    height: 250px;
    border-radius: 10%;
    padding: 5px; /*ancho marco*/
    background-color: rgba(125, 59, 57);
}
main section article div p {margin: 20px 30px;}

.contenedorredes ul{
    display: grid;
    grid-template-columns: 100px 100px 150px; /*la primera columna mide 100px y la segunda tambien 100px*/
    grid-template-rows: 5% 1px auto; /*la primera fila mide un 5% del tamaño total la segunda 1px*/
    list-style: none;
    margin: 15px 30px;
    margin-block-end: 40px;
}
#logoinstagram{
    width: 30px;
    margin: 15px 30px;
}
#logobehance{
    width: 30px;
    margin: 15px 30px;
}
#logoprototipo{
    color: rgb(255, 255, 255);
    background-color: rgba(125, 59, 57);
    background-image: linear-gradient(0deg, rgb(161, 111, 91) 31%, rgb(161, 101, 91) 47%, rgb(161, 99, 91) 65%, rgb(125, 59, 57) 100%);
    display: block;
    width: fit-content; 
    border-radius: 7px;  
    padding-block: 10px;  
    padding-inline: 11px; 
    text-align: center;
    text-decoration: none; 
    border: solid 1px rgb(129, 42, 15);
    cursor: pointer;
}


h2{ /*Intereses y objetivos*/
    color: rgb(125, 59, 57);
    font-size: 35px;
    margin: -9px 30px;
    border-bottom: solid 2px rgb(125, 59, 57); /*linea bajo las letras*/
    padding-bottom: 0.5rem; /*distancia entre las lineas y las letras*/
    margin-block-end: 30px;
}
.intereses{ margin-block-end: 60px;}


h3{ /*mis aficiones*/
    color: rgb(125, 59, 57);
    font-size: 35px;
    margin: -9px 30px;
    border-bottom: solid 2px rgb(125, 59, 57); /*linea bajo las letras*/
    padding-bottom: 0.5rem; /*distancia entre las lineas y las letras*/
}
.contenedortodasmisaficiones{
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(min(200px, 100%), .3fr));
    gap: 20px; /*espacio entre imagenes*/
    margin: 30px 20px;
    flex-wrap: wrap; /*caja flexible*/
}
.imagenesmisaficiones{
    margin: 10px 10px;
    width: 150px; /*ancho*/
    height: 150px;
    border-radius: 10% 10%;
    padding: 1px;
}
.Aficiones ul{
    text-align: center;
    color: rgb(125, 59, 57);
}


.materiasaprobadas{ margin-block-end: 40px;}
h5{ /*materias aprobadas*/
    color: rgb(125, 59, 57);
    font-size: 35px;
    margin: 20px 30px;
    margin-block-end: 40px;
    border-bottom: solid 2px rgb(125, 59, 57); /*linea bajo las letras*/
    padding-bottom: 0.5rem; /*distancia entre las lineas y las letras*/
}
.Niveles h6{ /*titulos de niveles*/
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 50px ;
    color: rgb(223, 222, 222);
    font-size: 35px;
    margin: 20px;
    font-weight: bold;
    text-align: center;
    background-color: rgb(125, 59, 57);
    border-radius: 50px 50px;
    width: 300px;
    justify-self: center;
}
.Niveles{
    color: rgb(125, 59, 57);
    font-size: 25px;
    margin: 10px;
    text-decoration: none;
    text-align: center;
}
.materias{ list-style: none; /*quitar puntos*/}


.equipovm14 h3 { /*Equipo vm14*/
    margin: -9px 30px;
    border-bottom: solid 2px rgb(125, 59, 57); /*linea bajo las letras*/
    padding-bottom: 0.5rem; /*distancia entre las lineas y las letras*/
}
.equipovm14 {margin-block-end: 60px;}
.contenedoraequipovm14 {
    color: rgb(125, 59, 57);
}
.compañeros {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(min(300px, 100%), .3fr));
    gap: 20px; /*espacio entre imagenes*/
    margin: 30px 20px;
    flex-wrap: wrap; /*caja flexible*/
    font-weight: bold;
    text-align: center;
}
.compañeros img {
    width: 250px; /*ancho*/
    height: 250px;
    border-radius: 10%;
    padding: 5px;
    background-color: rgb(125, 59, 57);
}
.compañeros h6 {font-size: 35px;}
.compañeros a {
    color: rgb(255, 255, 255);
    border-radius: 7px;  
    padding-block: 10px;  
    padding-inline: 11px;
    text-decoration: none;
    cursor: pointer;
}
main section div a:hover {background-color: rgb(125, 59, 57);}
main section div a:not(:hover) {opacity: .7; transform: scale(.85);}
#enlaceperfilindividual {background-image: linear-gradient(0deg, rgb(161, 111, 91) 31%, rgb(161, 101, 91) 47%, rgb(161, 99, 91) 65%, rgb(125, 59, 57) 100%);
}


.contenedordatosacademicos h2 {
    margin: 50px 30px;                           /*border: solid 1px rgb(129, 42, 15);*/
    border-bottom: solid 2px rgb(125, 59, 57); /*linea bajo las letras*/
    padding-bottom: 0.5rem;                      /*distancia entre las lineas y las letras*/
}
.contenedordatosacademicos a {
    background-image: linear-gradient(0deg, rgb(161, 111, 91) 31%, rgb(161, 101, 91) 47%, rgb(161, 99, 91) 65%, rgb(125, 59, 57) 100%);
    color: rgb(255, 255, 255);
    border-radius: 7px;  
    padding-block: 10px;  
    padding-inline: 11px;
    text-decoration: none;
    cursor: pointer;
    margin: 1px 30px;
}
.contenedordatosacademicos ul {
    text-decoration: none;
    list-style: none;
    margin: 40px 30px;
}
.contenedordatosacademicos h4 {
    margin: 30px 30px;
    color: rgb(125, 59, 57);
    list-style: none;
    text-decoration: none;
}
.contenedordatosacademicos img {
    margin: 30px 50px;
}
.DGPC img {
    margin: 50px -35px;
}
footer {
    margin: 30px 10px;
    align-items: center;
    justify-content: center;
    font-size: small;
}