/*Tipografias*/
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');

/*Estilos Generales*/
* {padding: 0; margin: 0.0;}

h1 {
	font-family: 'Baloo 2', cursive;
}

body {
	background: #F3CD70; 
	font-family: arial;
}
header {
	background: #5600E8;
	text-align: center; 

}
section {
	background: #C6A75C;
}

.materias, .materias-cursadas {
	background: #8448E8;
	padding: 1rem;
}

h3 {
	font-size: 1.1rem;
	text-decoration: underline;
}

.estudiantes {
	background-color: #F3CD70;
}

footer {
	text-align: center;
	font-size: 0.7rem
}

.links {
	background-color: #F3CD70;
}

.datos {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: stretch;
}

/*Estilos Nav*/
nav	{
	text-align: center;
	font-family: 'Righteous', cursive;
	font-size: 1.5rem;
}

nav p {
	font-size: 1rem;
}

header a:link, header a:visited {
  background-color: #F3CD70;
  color: black;
  border: 2px solid #F3CD70;
  padding: 8px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

header a:hover, header a:active {
  background-color: #C6A75C;
  color: white;
}


/*a {outline: solid; outline-color: black; outline-width: medium; color: black; background-color: darkcyan;}
a:link {color: black; text-decoration: none;}
a:hover {color: white; text-decoration: underline;}
*/
/*Estilos Img*/
img {
	outline: solid; 
	outline-color: black;
	}

@media (min-width: 576px) {
		body {
			background-color: #C6A75C;
	}
		.materias {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: stretch;

	}
		.año {
			text-decoration: bold;
		}