body {
	margin: 0;
	background-color: lavender;
}
.material-symbols-sharp {
	font-variation-settings:
	'FILL' 1,
	'wght' 400,
	'GRAD' 0,
	'opsz' 48
}
div#navegacion-cabecera {
	padding: 0 1rem;
	height: 5rem;
	align-content: center;
}
div#navegacion-cabecera h1 a {
	text-decoration: none;
	color: royalblue;
}
nav#principal {
	display: flex;
	background-color: cornflowerblue;
}
nav#principal a {
	font-family: "ABeeZee", sans-serif;
	min-width: 128px;
	text-align: center;
	padding: 0.5rem 0;
	color: white;
	text-decoration: none;
	transition: color 200ms, background-color 200ms;
	display: inline-grid;
}
nav#principal a:hover {
	background-color: royalblue;
	color: white;
}
nav#principal a.activo {
	background-color: lavender;
	font-weight: bold;
	color: cornflowerblue;
}
div#contenido {
	padding: 1rem;
}
div#contenido p {
	padding: 1rem;
	background-color: white;
	font-size: 18px;
}
div#contenido p, div#contenido span, h1 {
	font-family: "ABeeZee", sans-serif;
	font-weight: 400;
}
a.boton {
	background-color: royalblue;
	width: 128px;
	text-align: center;
	padding: 0.5rem;
	color: white;
	text-decoration: none;
	font-family: "ABeeZee", sans-serif;
	font-weight: bold;
	transition: background-color 200ms;
	margin-right: 1rem;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
	}
div#contenido a.boton span.material-symbols-sharp {
	font-family: 'Material Symbols Sharp';
	font-size: 24px;
	margin-right: 1rem;
}
a.boton:hover {
	background-color: orangered;
}
a.boton:nth-last-child(1) {
	margin: 0;
}
div#contenido img:hover {
	transform: scale(1.1);
}

div#navegacion-cabecera {
    display: flex;
    align-items: center;
}
div#redes-sociales svg {
    width: 2rem;
    height: 2rem;
    color: cornflowerblue;
}
div#redes-sociales svg:hover {
    color: royalblue;
}
div#redes-sociales a {
    margin-left: 1rem;
}