/*selector{propiedad: valor;}*/
@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@300;400;700&family=Roboto+Condensed:ital,wght@0,400;0,700;1,700&display=swap');

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

header{background-color: rgb(35,35,35);}
.header{background-color: rgb(21,84,114);}

.imagen{width: 150px; 
		padding: 1rem;
		display: block;
		margin-left: auto;
		margin-right: auto;
		border-radius: 160px;}

.imagen1{width: 200px; 
		padding: 1rem;
		display: block;
		margin-left: auto;
		margin-right: auto;
		border-radius: 160px;}

h1{color: rgb(255,255,255); 
	font-family: 'Roboto Condensed'; 
	font-style: italic; font-weight: 700, sans-serif; 
	font-size: 2rem; 
	text-align: center;}

h2{color: rgb(255,255,255); 
	font-family: 'Chivo'; 
	font-weight: 700, sans-serif; 
	font-size: 1,7rem; 
	text-align: center;}

nav{background-color: rgb(35,35,35);
	margin-top: 2%;
	padding: 0.5rem;
	margin-bottom: 1%;}

nav ul{ text-align: center;}

nav ul li{display: inline-block;
			width: 15%;}

nav ul li a{color: rgb(255,255,255); 
			text-decoration: none; 
			padding: 1rem;
			padding-left: 3rem;
			padding-right: 3rem;
			border-radius: 10px; 
			font-family: 'Chivo'; 
			font-weight: 700;}

a{text-decoration: none; color: rgb(50,50,50);}

.link-activo{background-color: rgb(40,40,40);
			color: rgb(255,69,0);}
.link-activo1{background-color: rgb(40,40,40);
			color: rgb(216,113,81);}

h3{color: rgb(50,50,50);
	 font-family: 'Chivo'; 
	 font-weight: 700, sans-serif; 
	 font-size: 1,7rem;}

.light{color: rgb(50,50,50);
	font-family: 'Roboto'; 
	font-weight: 700, sans-serif;}

h4{color: rgb(255,69,0);
	 font-family: 'Chivo'; 
	 font-weight: 400, sans-serif; 
	 font-size: 18px;
	 margin-top: 2rem;}

#alineacion{display: flex;}

.materias{	background-color: rgb(200,200,200);
			width: 30%;
			text-align: center;
			margin: 2%;
			padding: 2%;
			border-radius: 10px;
			box-shadow: 0px 4px 17px rgba(0,0,0,0.64);}

.asignatura{font-family: 'Roboto'; 
			font-weight: 400, sans-serif;
			text-decoration: none;
			padding-top: 15px;
			font-size: 17px;}

.app{background-color: rgb(200,200,200);
	width: 30%;
	text-align: center;
	margin: 2%;
	padding: 2%;
	border-radius: 10px;
	box-shadow: 0px 4px 17px rgba(0,0,0,0.64);
	display: block;}

.espaciado{padding: 38px;}

.imagen2{width: 200px; 
		padding: 1rem;
		display: block;
		margin-left: auto;
		margin-right: auto;
		border-radius: 160px;}

.descripcion{font-family: 'Chivo'; 
			font-weight: 400, sans-serif;
	 		font-size: 18px;
			padding-bottom: 2rem;}

.datos{padding-top: 20px;}

h4 a{color: rgb(255,69,0);}

footer p{color: rgb(50,50,50); 
		font-size: 12px; 
		font-family: 'Roboto'; 
		font-weight: 400, sans-serif; 
		background-color: rgb(200,200,200);
		text-align: center;
		margin: auto;
		padding: 1rem;}

.información{color: rgb(50,50,50); 
		font-size: 12px; 
		font-family: 'Roboto'; 
		font-weight: 400, sans-serif; 
		background-color: rgb(200,200,200);
		text-align: center;
		margin: auto;
		padding: 1rem;
		margin-top: 1rem;}