@charset "utf-8";
h1{
	background: white;
	color: darkred;
	font-size: 50px;
	font-family: "Bungee Tint", sans-serif;
	text-align: center;
}
h2{
	text-align: center;
	font-size: 20px;
	font-family: unset;
	background-color: palegoldenrod;

}
h3{
font-size: 30px;
background: white;
color: black;
text-align: justify;
background-color:antiquewhite;
border: 2px inset gold;
}
h4{
	color: white;
	font-size: 10px;
}
h20{
font-size: 30px;
font-family: fantasy;
background: white;
color: black;
text-align: justify;
}
h22{
font-size: 30px;
font-family: fantasy;
background: white;
color: black;
text-align: justify;
}
h23{
font-size: 30px;
font-family: fantasy;
background: white;
color: black;
text-align: justify;

}
.contenido{
		margin-bottom: 0.2em;
		display: flex;
		flex-direction: row;
	}
body{
		background-color: white;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	display:flex;
	flex-direction: row;
	color:orangered;
	width: 100%;
}
li { flex-grow: 1; }
a {
	border: 4px solid darkblue;
	display:block;
	padding:1em;
	background-color:white;
	text-align:center;
	text-decoration:none;
	color: darksblue;
	font-size: 17px;
	width: 100%;
}
    a:hover {background-color: lightblue; 
		color: black;
			transform: scale(1.1);
	}
	footer{
		font-family: Lucida Bright;
		background-color: black;
		color: slategrey;
		font-size: 14px;
	}
	.borde {
	height: 120px;
	width: 400px;
	border: 3px solid white;
	margin: 20px;
	padding: 10px;
    color:white ;
}
    .contenedor{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.caja{
    display: flex;
    flex-direction: row;
    width: 100%;
    background-color: palegoldenrod;
    border: 3px outset black;
}
.texto{
    display: flex;
    flex-direction: column;
    width: 100%;
}
p{
    font-size: 20px;
    color:black;
}
.uno{
	color: white;
	background-color: blue;
	padding: 15px;
	box-shadow: 2px 2px 10px;
	width: 50%;
	text-align: center;
}
.imag{
	max-width: 100%;
	height: auto;
	display: block;
}
.imag img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
header{
	display: flex;
	height: 70px;
	background: white;
	align-items: center;
	align-content: center;
	justify-content: center;
}
.logo{
	display: flex;
	width: 100px;
	align-items: center;
}
.logo img{
	display: flex;
	height: 70px;
	margin-right: 420PX;
}