@import url('https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@200;600&display=swap');

* {
	
}
body {
	background: grey;
 	font-family: roboto;
}
header {
	text-align: center;
	font-family: 'Azeret Mono', monospace;
}

.mifoto {
	border-radius: 50%;
}

.yop { font-family: 'Azaret Mono',monospace; font-weight: 600;}

section {
	background: white;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	padding: 0rem;

}

.nav__bar { 
list-style-type: none;
display: inline;
}

ul {
	margin: 0rem;
	padding: 0rem;
}

ul li {
	margin: 0 0 0 1rem;
}

ul li  ul li {
	margin: 0 0 0 1rem;
}

footer p {
	font-size: 0.7rem;
}

footer{
	text-align: center;
}

.columna-1 { 
	background: #E8F6EF;
}

.columna-2 {
	background: #B8DFD8;
}

.masinfo {
	text-align: center;
}

h3 {
	background: white;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;

}

a :hover {
	background: #FFE194;
}

a {
	text-decoration: none;

}

h4 {
	color: ECDC2A ;
}

footer h4 {
	display: inline;
	padding: 1rem;
}


@media (min-width: 576px) {
	
	body{ background: #FFB319; }

}