/* Hoja de Estilos */

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

/* Background */

body {background: url(img/fondo.jpg)}

/* Index */

#foto {
	display: flex;
	border-radius: 50rem;
	justify-content: center
}

h1 {
	background: rgba(0, 0, 0, 0.33);
	border-radius: 5rem;
	font-family: 'Roboto Condensed';
	width: 47rem;
	font-size: 4.5rem;
	text-align: center;
	justify-content: center;
	color: rgb(255, 255, 255)
	
}

#redes {
	display: flex;
	justify-content: space-between;
	width: 14rem;
	margin: -2rem;
	
}

.AppIndividual {
	background: rgba(0, 0, 0, 0.83);
	color: white;
	width: 25rem;
	border-radius: 5rem;
	color: white;
	text-align: center;
	justify-content: center;
	font-family: 'Roboto Condensed';
	font-size: 2rem;
	margin: 5rem 0rem 0rem 0rem;
	
}

.Materias1 {
	background: rgba(0, 0, 0, 0.83);
	color: white;
	width: 25rem;
	border-radius: 5rem;
	color: white;
	text-align: center;
	justify-content: center;
	font-family: 'Roboto Condensed';
	font-size: 2rem;
	margin: 0rem 0rem 0rem 0rem;

}

.Materias2 {
	background: rgba(0, 0, 0, 0.83);
	color: white;
	width: 25rem;
	border-radius: 5rem;
	color: white;
	text-align: center;
	justify-content: center;
	font-family: 'Roboto Condensed';
	font-size: 2rem;
	margin: 0rem 0rem 0rem 0rem;


}

.MateriasAprobadas {
	background: rgba(0, 0, 0, 0.53);
	padding: 1rem 0rem 1rem 0rem;
	margin: 1rem 0rem 0rem 0rem;
	width: 25rem;
	color: white;
	font-family: 'Roboto Condensed';
	font-size: 1.1rem;
	
}

#Footer {
	justify-content: center;
	background: rgba(255, 255, 255, 0.78);
	width: 70rem;
	text-align: center;
	font-family: 'Roboto Condensed';
	padding: 1rem 0rem 1rem 0rem;
	margin: 5rem 0rem 0rem 0rem;	
	
}

.Header {
	color: white;
	list-style-type: none;
	display: flex;
	justify-content: space-around;
	background: black;
	font-family: 'Roboto Condensed';
	padding: 1rem 0rem 1rem 0rem;
	text-align: center;
	align-content: center;
	margin: 0rem 0rem 2rem 0rem;
	text-decoration: none


}