/* 

selector{propiedades:valor;}


*/    


@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600&family=Spartan:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gudea&family=Jura:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:wght@400;500&family=Montserrat:ital,wght@1,200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:wght@400;500&family=Raleway:wght@500&display=swap');

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


body{display:block;background: #F2F2F2; font-family: 'Spartan', sans-serif;text-align: center;}  

h1{color: #25332C;font-family: 'Ibarra Real Nova', serif;font-size:2rem; margin: 1rem;}
h2{color: #25332C;font-family: 'Ibarra Real Nova', serif;font-size:1.5rem;}
h3{color:#82817d;font-family: 'Raleway', sans-serif;font-size: 1.4rem;font-weight: 700;}
h4{color:#929292;font-family:'Raleway', sans-serif;font-size: 1.8rem;font-weight: 700;margin: 1rem}
h5{color:#696969;font-family:  'Raleway', sans-serif;font-size: 1.5;font-weight: 700;margin: 1rem}
h6{color: #f6f8f7;font-family: 'Raleway', sans-serif;font-size:0.7rem;}
h7{color:#7b654a;font-family: 'Raleway', sans-serif;font-size:0.7rem;}



.top{
	background: #c2b3a0;
	background: linear-gradient(40deg,#c2b3a0 0%, #e2e0d0 35%, #c2b3a0 100%);
	text-align: center;
	padding:1rem;
	border-radius: 5px;
	box-shadow: rgb(88, 74, 65, 0.4) 0px 20px 30px -10px;
}

header nav a{
    color: #ffffff;
    padding-left: 1rem;
    padding-right: 1rem;
    text-decoration:none;
    font-family: 'Spartan', sans-serif;font-weight: 600;
}

.link:hover:hover{
	color: #e2e0d0 ODO;;
	text-shadow: white 0px 0px 10px;
}

.inicio{
	display: flex;
	justify-content: center;
}


.perfil{
	margin-top: 4rem;
  margin-bottom: -17rem
	
}

.avatar{
	width: 15rem;
  height: 15rem;
  border-radius: 50%;
  box-shadow: rgba(88, 74, 65, 0.4) 0px 30px 90px;
	
}

.nombre{
	
	text-align: center;
	padding:1rem;
	border-radius: 5px;
    margin-top: 16rem;
	font-size: 2rem;
    color: #25332C;

}

.vn26{
	text-decoration: none;
	color: #25332C;
}

.vn26:hover {
		color: rgb(84, 77, 77);
		text-shadow: 0 6px 14px black;
}

.seccion{
	display: flex; justify-content: space-around;
	background :#c2b3a0;
	background: linear-gradient(40deg,#c2b3a0 0%, #e2e0d0 35%, #c2b3a0 100%);
	padding: rem;
	text-align: center;
	border-radius: 1px;
	box-shadow: rgb(88, 74, 65, 0.4) 0px 20px 30px -10px;

}
	
.secciongrupo{
	display: flex; justify-content: space-around;
	background :#c2b3a0;
	background: linear-gradient(40deg,#c2b3a0 0%, #e2e0d0 35%, #c2b3a0 100%);
	padding: rem;
	text-align: center;
	border-radius: 1px;
	box-shadow: rgb(88, 74, 65, 0.4) 0px 20px 30px -10px;
	
}




.columnas {display: flex; justify-content: space-around;}
.columna1{background: #e2e0d0; width: 30%; border-radius: 1rem; margin: 25px;box-shadow: rgb(52, 48, 36) 0px 20px 30px -10px;}
.columna2{background:#e2e0d0; width: 30%; border-radius: 1rem; margin: 25px;box-shadow:rgb(52, 48, 36) 0px 20px 30px -10px;}
.columna3{background: #e2e0d0; width: 30%; border-radius: 1rem; margin: 25px;box-shadow: rgb(52, 48, 36) 0px 20px 30px -10px;}



.columnas{color: #dbd1c5;

}

.menuintegrantes{display: flex; justify-content: space-around;color: #ECECEC;

}


.columnaintegrantes1{background: #e2e0d0; width: 30%; border-radius: 1rem; margin: 25px;box-shadow: rgb(52, 48, 36) 0px 20px 30px -10px;}
.columnaintegrantes2{background:#e2e0d0; width: 30%; border-radius: 1rem; margin: 25px;box-shadow:rgb(52, 48, 36) 0px 20px 30px -10px;}

.integrantes{
	
	display: flex; 
	justify-content: space-around;
  }
  
  .integrantes nav a {
	background-size: cover;
	background-position: center;
  }
  .integrantes nav a:hover {
	color: white;
	text-shadow: 0 6px 14px black;
  }
  
  .integrantes nav a.alumn2:hover {
	background-image: url("../../2/avatar.jpg");
  }
  .integrantes nav a.alumn3:hover {
	background-image: url("../../3/avatar.jpg");
  }
 

 

.datosacademicos { background: #c9c0b5; color:#7b654a; padding: 2%; display: flex; align-content:flex-end; justify-content: space-around;  align-items: center;}

.datosacademicos a { color:#b7a297; font-size: 0.7rem}
.datosacademicos a:hover { font-size: 1rem; color:  #25332C;  transition: all 150ms ease-in-out;  }

.infouba {  width: 35%; font-size: 0.7rem; text-align: left; margin: 2%; }

.infocatedra {  width: 27%; font-size: 0.7rem; 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}
.contenedor{  max-width: 80rem;margin: auto; }