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

*{margin: 0;
 padding: 0;
 box-sizing: border-box;}
body{background: #ffffff; font-family: 'Open Sans Condensed', sans-serif;
     text-align: center; text-decoration: none}
header {background: #353535;}
nav {background: #d74f00; color: #ffffff; padding: 1rem; font-size: 1rem;
     font-family: 'Open Sans Condensed', sans-serif; text-decoration: none; margin: 2px 2px;}
footer p{background: #d74f00; color: #ffffff; font-size: 0.8rem;text-decoration: none;}

.fotopersonal{width: 10rem; height: 10rem; border-radius: 50%; margin: 3px 3px;}

.vinculo{font-family: 'Open Sans Condensed', sans-serif; text-decoration: none; color:#ffffff; margin: 2px 2px;}

.navegation{font-family: 'Open Sans Condensed', sans-serif; text-decoration: none; color:#ffffff; margin: 2px 2px;}
}

.logodeuba{
    width: 2rem; height: 2rem;margin: 1px 1px;
}

.integrantes{
	background: #ffffff;
	width: 50%;
	margin: auto;
	margin-top: 5rem;
	margin-bottom: 2rem;
	padding: 2%;
	height: 10rem;
    border: 0.1rem solid #d74f00;
	border-radius: 2rem 2rem 2rem 2rem;
	font-size: 1rem;
	text-decoration: none;
	}

.alumno{color:#353535; text-decoration: none; background: #ffffff}

.materias{
	background: #353535;
	width: 50%;
	margin: 2%;
	margin-top: 5rem;
	margin-bottom: 1rem;
	padding: 2%;
	height: 20rem;
	border-radius: 4rem 4rem 4rem 4rem;
	font-size: 1rem;
	color: #ffffff;
}

.materias1{
	background: #353535;
	width: 50%;
	margin: 2%;
	margin-top: 5rem;
	margin-bottom: 1rem;
	padding: 2%;
	height: 20rem;
	border-radius: 4rem 4rem 4rem 4rem;
	font-size: 1rem;
	color: #ffffff;
}

.materias2{
    background: #353535;
	width: 50%;
	margin: 2%;
	margin-top: 5rem;
	margin-bottom: 1rem;
	padding: 2%;
	height: 20rem;
	border-radius: 4rem 4rem 4rem 4rem;
	font-size: 1rem;
	color: #ffffff;
}

.materias3{
	background: #353535;
	width: 52%;
	margin: 2%;
	margin-top: 5rem;
	margin-bottom: 1rem;
	padding: 2%;
	height: 20rem;
	border-radius: 4rem 4rem 4rem 4rem;
	font-size: 1rem;
	color: #ffffff;
}


.flexbox{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: space-around;
}

.datosuniversidad{
	background: #353535;
	width: 95%;
	margin: 2%;
	margin-top: 5rem;
	margin-bottom: 2rem;
	padding: 2.5%;
	height: 30rem;
	border-radius: 2rem 2rem 2rem 2rem;
	color: #ffffff;
}

.app{text-decoration: none;}

.linkocampo{text-decoration: none; font-size: 1.4rem; color:#d74f00;}

h1{color: white; font-size: 2rem;}
h2{color: white; font-family: 'Pangolin', cursive; font-size: 2rem;}
h3{color: #d74f00; font-family: 'Pangolin', cursive; font-size: 1rem;}
h4{color: #d74f00; font-size: 1.8rem; font-weight;}
h5{color: #d74f00; font-size: 2rem; font-weight;}
h6{color: #d74f00; font-size: 2rem; font-weight;}