@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&family=Sacramento&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');

*{ margin:0%; padding:0%; box-sizing: border-box; }

ul{list-style-type: none;}
/*

selector{propiedad:valor;}

*/

body{ width: 100%; background:white  ; background-image: url(https://scontent.faep26-1.fna.fbcdn.net/v/t1.6435-9/179830640_4225481264137842_9161603975300414037_n.jpg?_nc_cat=100&ccb=1-3&_nc_sid=730e14&_nc_ohc=KbRZwIXUJZkAX_RxXuB&_nc_ht=scontent.faep26-1.fna&oh=27b7f71b3e3bb8c82dc404ed6ed1b304&oe=60AF2B6C) ; font-family: 'Poppins', sans-serif; text-align: center}
/*header{background: #ead4c6; box-shadow: .5rem .5rem .5rem silver; border: 1px solid #8b7354;}*/
/* prueba del borde silver y de borde dentro del header, sacar*/

.link-activo { color: darksalmon;font-size: 1.1rem; }

header nav { background: /*#ebe6e0*/ #ffffff; border: 2px solid #eab6aa ; width: 97%; margin: 1%; padding: 1%; min-height: 8 rem; border-radius: 2rem 2rem 2rem 2rem ; box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.2);}
/*header a1 {  font-size: 1.2rem; } */

a {color: #a68b80 ; text-decoration: none;} /*color de letra */

header a {  text-align: right; margin: 1%;  padding: 3%; transition: all 200ms ease-in-out; }

nav a:hover { font-size: 1.1rem; color:  darksalmon; /*text-decoration:underline ; text-decoration-style: dotted;*/ margin: 2%; padding: 3%; transition: all 180ms ease-in-out; width: 20%;  text-shadow: 1px 1px 1px rgba(178, 177, 177, 0.63), 0 0 1em rgba(199, 199, 199, 0.57), 0 0 0.2em rgba(222, 222, 222, 0.53); }



/* color de los links */ 
.columna2{display: flex; justify-content: center; align-items: center; width: 96%; margin: 2%;  }
.foto{width: 30%; margin: 1%; }
.presentacion{ width: 46%; margin: 1%;}
.imagenalumno { width: 16rem; height: 16rem; margin: 2%; border-radius: 2rem 2rem 2rem 2rem ; box-shadow:  0rem 0rem 3rem rgba(0, 0, 0, 0.2);}
section { width: 100%; margin: 0; padding: 2%; }
.perfil {  font-size: 1.1rem;}
.carrera {background: #ffffff; padding: 1.3% }
.carrera a {  color: #ebbf6d; font-weight: 400 ;font-size: 1.3rem;  }
.carrera a:hover { font-size: 1.4rem; color:#aeb6c4;  transition: all 180ms ease-in-out; text-decoration-style:dashed; text-decoration-line: underline; text-shadow: 1px 1px 1px rgba(178, 177, 177, 0.63), 0 0 1em rgba(199, 199, 199, 0.57), 0 0 0.2em rgba(222, 222, 222, 0.53); }



.lineadivisora{width: 80%; margin: 1%;  }

.materiasaprobadas { background: white; font-size: 4rem; font-family: 'Sacramento', cursive ; font-weight: 500; color:darkcyan; opacity: 65%; margin: 2%; padding: 1%; text-shadow: 4px 4px 4px rgba(54, 50, 50, 0.2), 0 0 1em rgba(114, 109, 109, 0.2), 0 0 0.4em rgba(205, 207, 208, 0.2) }

h1{ background: white; color:#e5ab98  ; font-family: 'Sacramento', cursive; text-align: center; font-size: 4rem; } /*#8e7555*/
h2 { color:#433327; font-family: 'Poppins', sans-serif; font-weight: 300;}

.columnas{display: flex; align-content:flex-end; justify-content: space-around;  }

.primero { font-family: 'Yellowtail', cursive; font-weight: 200; background: #c4d9d2; width: 27%; margin: 1%; padding: 1%; box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.2); justify-content: space-around; } 
.Primero li { font-family: 'Poppins', sans-serif; }

.segundo { font-family: 'Poppins', sans-serif; font-weight: 200; background: #f1d0bf; width: 27%; margin: 1%; padding: 1%; box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.2);justify-content: space-around;} 
.tercero {font-family: 'Poppins', sans-serif; font-weight: 200; background: #e5c893; width: 27%; margin: 1%; padding: 1%; box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.2);justify-content:space-around;}



.integrantes { background: /*#ebe6e0*/ #ffffff; width: 94%; margin: 4%; padding: 1%;  justify-content: center; }
.integrantes h2 { margin: 1%; color: #e6c17c; font-size: 3.2rem; font-weight: 400; text-shadow: 1px 1px 2px #b1925b, 0 0 1em #efd6a9, 0 0 0.2em #e0d0b3; text-align: center; }
.integrantes a1 {color: darksalmon;font-size: 1.5rem; text-align: center; }
.integrantes nav { margin: 2%; text-align: center;}
.integrantes nav a { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 1.2rem;  color: #7e5e51; margin: 1.6%; text-align: center; }
.integrantes nav :hover { font-size: 1.2rem;color:#aeb6c4; margin: 1.6%; padding: 0%;  transition: all 220ms ease-in-out;  text-decoration-line: underline; text-decoration-style: dotted ;}

/*background-image:url(https://lh3.googleusercontent.com/HIJ04l32vbLM-l6jrxXnq3Qm5EvZDmVdVAwp3HUazLG0Q02jjnzZ_G0cKYcqZmeoqJSLLwvvQtV_r374O6hZT6sKLfgbWzMNLk8vrOB42xL3F9YuAo1aJF98ZAZrlWmVGpihQynB5jBN90tgPnjm0_CP0Z-s9QKfMqI0O1hioilNqhGChCuGXB8muW67SYVlnf3StDZgph8j6hKLzngqASTZfqg0Ayv4nnlXf7Cs6urvS0HaTmzLANI-U7VP-8ulGFvj0IMfcesOMADiTIzmJXgqBZEFuAatVSxhDlJCSKDOFjTp8kaYRGHA2Wd4UHoEUY-wbl7Kj-Rko4g2W47gibhyDIPfjwGyK5-YIIgBczXBSEGnQt-3ijy4deXPvpP2SIuMYUuy27ye1-s4UZgl6FWSGg4weYtYo5yYjpF4MHDAu9O5Qkr_srmvsVsK2EIHs-v3TbPk4K5Rlh-_0mYDl2bdqxwTB2p1Pf4GNISaip9BPSIdu9gy9fZ-d6JBDVmJgvkcSTRWfH8WhY3qpGDeiVq13j4oY0JQAZcekLJb8KWoF-Vwb9dVQFUC-Oe6EVuwcgd6LhA3q0EPq0Wb6oS-ak09fonAYy5uZOfrg6LoiEs6ISH8NiWC3mbJ7wyrbn7JutdpJ8PqsU_Nb6lStLXWjZCValZl0ph5gXjXNgkapyk1xHBne3ncuxdxFg4tjM_RFEro6EWQiqMjbYAJ0TJluDoI=w1366-h562-no?authuser=0); */

.fondo {width:100%;  }
.datosacademicos { background: #e8cfc2; color:#aa8978; padding: 2%; display: flex; align-content:flex-end; justify-content: space-around;  align-items: center;}
.datosacademicos a { color:#b7a297; font-size: 0.9rem}
.datosacademicos a:hover { font-size: 1rem; color:  darksalmon;  transition: all 180ms ease-in-out;  }
/*falta el zoom para los links*/

.informacionfacu {  width: 35%; font-size: 0.9rem; text-align: left; margin: 2%; }
.informacioncatedra {  width: 28%; font-size: 0.9rem; text-align: left; margin: 2%; }
.logos { width: 25%; margin: 2%; }
footer { background: #ffffff;  }
footer p {color: darkgray; font-size: 0.7rem;}
footer a {color:#a68b80; font-size: 1rem}
footer a:hover { font-size: 1.1rem; color:  darksalmon;  transition: all 180ms ease-in-out; text-decoration-line: underline; text-decoration-style: dotted; } 
.contenedor{  max-width: 85rem;margin: auto; }