:root {
	--sc_azul: #004159;
	--sc_verde: #00792e;
	--sc_marron: #7d4b25;
	--sc_amarillo: #fffebc;
}

h1 {
	color: var(--sc_azul);
	font-family: Verdana;
}

h2 {
	color: var(--sc_verde);
	font-family: Verdana;
}

h3 {
	color: var(--sc_verde);
	font-family: Verdana;
}

p {
	color: var(--sc_marron);
  	font-family: Verdana;
}

a {
	color: var(--sc_marron);
	font-family: Verdana;
}

.bg-amarillo {
	background-color: var(--sc_amarillo);
}

.content-section {
	padding-top: 100px;
}

.navbar {
	background-color: var(--sc_azul);
}

.nav-item a {
	color: white !important;
}

.nav-item a:hover {
	color: var(--sc_amarillo) !important;
}

.btn-info {
	color: var(--sc_amarillo);
	border-color: var(--sc_amarillo);
	background-color: var(--sc_marron);
	font-family: Verdana;
}

.btn-info:hover {
	color: var(--sc_marron);
	border-color: var(--sc_marron);
	background-color: var(--sc_amarillo);
	font-family: Verdana;
}

.footer {
	background-color: var(--sc_azul);
	color: white;
	font-family: Verdana;
	font-size: 12px;
}