body
{
	background-color: rgb(0,34, 77 );
}
#portafolio
{
	text-align:left;
	font-family:Monserrat;
	font-size: 25px;
	color: white;
	background-color: #5D0E41;
}
/*BOTONES NOSOTROS, LEO, JOSS*/
#menu
{
	width: 100%;
}
#menu td
{
	text-align: center;
	background-color: #A0153E;
}
#menu td:hover
{
	background-color: #FF204E;

}
#menu a
{
	font-family: Poppins, sans-serif;
	font-size: 30px;
	color: white;
	text-decoration: none;
}
.contenedor-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px; /* Espacio entre imagen y texto */
  padding: 40px;
}

#Nosotros {
  width: 90%;
  border-radius: 25px;
  box-shadow: 5px 5px 15px #5d0e41;
  border: 2px solid #00224d;
}

.info-texto {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#txtYO {
  text-align: left;
  font-family: 'DM Serif Display', serif;
  font-size: 30px;
  color: white;
  margin: 0;
}

#txtSub {
  text-align: left;
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  color: white;
  margin-top: 10px;
}
#TEXTO
{
	text-align: justify;
	font-family: Poppins;
	font-size: 15px;
	color: white;
}
#Acercademi
{
	text-align:left;
	font-family:Monserrat;
	font-size: 25px;
	color: white;
}
#habilidades
{
	text-align:left;
	font-family:Monserrat;
	font-size: 25px;
	color: white;
	background-color: #5D0E41;
}
#TABLAhabilidades 
{
	width: 100%;
	border: 10%;
	border-color:white;
}

#habilidadestxt
{
	text-align: justify;
	font-family: Poppins;
	font-size: 15px;
	color: white;	
}

.contImg{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px; /* Espacio entre imagen y texto */
  padding: 40px;
}
.contINFO {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.contImga{
  display: flex;
  flex-direction: row; /* Izquierda: texto, derecha: imagen */
  align-items: center;
  justify-content: flex-start;
  gap: 60px;
  padding: 40px;
}
.contINFOR{
  flex:2; /* Más espacio al texto */
}

.contIMG img {
  max-width: 100%;
  width: 40%; /* Puedes ajustar este tamaño */
  height: auto;
}
#contacto
{
	text-align:left;
	font-family:Monserrat;
	font-size: 25px;
	color: white;
	background-color: #5D0E41;
}