@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

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



body{ width: 100%; background:white  ; background-image: url(https://i.pinimg.com/originals/5a/3f/f6/5a3ff695c1efa2223b3974fafd2d4b3a.gif) ; 
    
font-family: 'Anton&display', sans-serif; text-align: center}
/*header{background: #black; box-shadow: .5rem .5rem .5rem silver; border: 1px solid #8b7354;}*/



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

header nav { background: /*black*/ #00FF00; border: 2px solid #FF0000 ; 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:  whitesmoke; /*text-decoration:underline ; text-decoration-style: dotted;*/ margin: 2%; padding: 3%; transition: all 180ms ease-in-out; width: 20%; }

/* color de los links */ 
.columna2{display: flex; justify-content: center; align-items: center;  }
.foto{width: 35%; 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: black; padding: 1.3% }
.carrera a {  color: white; font-weight: 400 ;font-size: 1.3rem; text-shadow: 1px 1px 2px rgba(177, 146, 91, 0.38), 0 0 1em rgba(239, 214, 169, 0.67), 0 0 0.2em rgba(224, 208, 179, 0.7) }
.carrera a:hover { font-size: 1.4rem; color:  black;  transition: all 180ms ease-in-out; text-decoration-style:dashed; text-decoration-line: underline}

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

.materiasaprobadas { background: black; font-size: 2.5rem; font-family: 'Zen+Dots', sans-serif; font-weight: 400; color:white; opacity: 90%; 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: black; color:#00FF00  ; font-family: @import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'), cursive; text-align: center; font-size: 4rem; } /*#8e7555*/
h2 { color:#433327; font-family: 'Zen+Dots', sans-serif; font-weight: 300;}

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

.primero { font-family: 'Zen+Dots', sans-serif; font-weight: 200; background: #00FF00; width: 27%; margin: 1%; padding: 1%; box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.2); justify-content: space-around; } 
.segundo { font-family: 'Zen+Dots', sans-serif; font-weight: 200; background: #00FF00; width: 27%; margin: 1%; padding: 1%; box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.2);justify-content: space-around;} 
.tercero {font-family: 'Zen+Dots', sans-serif; font-weight: 200; background: #00FF00; 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: black; 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: 'Zen+Dots', 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:darkcyan; 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: black; color:white; padding: 2%; display: flex; align-content:flex-end; justify-content: space-around;  align-items: center;}
.datosacademicos a { color:white; font-size: 0.9rem}
.datosacademicos a:hover { font-size: 1rem; color:  white;  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:black; font-size: 1rem}
footer a:hover { font-size: 1.1rem; color:  black;  transition: all 180ms ease-in-out; text-decoration-line: underline; text-decoration-style: dotted; } 
.contenedor{  max-width: 85rem;margin: auto; }