body {
    font-family: Open Sans, sans-serif;
    background-color: #333333; /* Gris Oscuro o Carbón */
    color: #000000; /* Texto negro */
    margin: 0;
    padding: 0;
}

header {
    text-align: center; /* Alinea el contenido del encabezado al centro */
    padding: 20px;
    background-color: rgba(58, 55, 54, 0.70); /* Utilizando RGBA para agregar transparencia */
}

h1 {
    font-size: 0.9em;
    font-family: Open Sans, sans-serif;
    color: #ca380c; /* Color negro para el título */
}

h2 {
    font-size: 0.8em;
    font-family: Open Sans, sans-serif;
    color: #ffffff; /* Color negro para el subtítulo */
}

h3 {
    font-size: 0.8em;
    line-height: 1.2;
    font-family: Open Sans;
    font-weight: 400;
    color: #ffffff; /* Color negro para el título */
  }

h4 {
    font-size: 1.2em;
    font-family: Open Sans, sans-serif;
    color: #ffffff; /* Color negro para el título */
}

p {
    font-size: 0.8em;
    font-family: Open Sans, sans-serif;
    line-height: 1.3;
    color: #ffffff; /* Color negro para el texto */
}

h5 {
    font-size: 0.6em;
    font-family: Open Sans;
    line-height: 1.3;
    font-weight: normal; /* Elimina la negrita */
    text-align: center; /* Centra el texto */
    color: #b9b9b9; /* Color blanco para el texto */
}

#about {
    max-width: 820px; /* Ajusta el ancho máximo según tus preferencias */
    line-height: 1.0; /* Ajusta el valor según tus preferencias */
    margin: 0 auto; /* Centra el contenido horizontalmente */
    text-align: justify; /* Justificar el texto en el cuerpo del documento */
}

#experience {
    max-width: 820px; /* Ajusta el ancho máximo según tus preferencias */
    line-height: 1.0; /* Ajusta el valor según tus preferencias */
    margin: 0 auto; /* Centra el contenido horizontalmente */
}

#courses {
    max-width: 820px; /* Ajusta el ancho máximo según tus preferencias */
    line-height: 1.0; /* Ajusta el valor según tus preferencias */
    margin: 0 auto; /* Centra el contenido horizontalmente */
}

#more {
    max-width: 820px; /* Ajusta el ancho máximo según tus preferencias */
    line-height: 1.0; /* Ajusta el valor según tus preferencias */
    margin: 0 auto; /* Centra el contenido horizontalmente */
    text-align: justify; /* Justificar el texto en el cuerpo del documento */
}

#final {
    max-width: 820px; /* Ajusta el ancho máximo según tus preferencias */
    line-height: 1.0; /* Ajusta el valor según tus preferencias */
    margin: 0 auto; /* Centra el contenido horizontalmente */
    text-align: justify; /* Justificar el texto en el cuerpo del documento */
}

.redes-sociales {
    text-align: center;
    margin: 20px auto; /* Ajusta el margen según tus preferencias */
}
  
.redes-sociales a {
    margin: 10px; /* Ajusta el margen entre iconos según tus preferencias */
    color: #ffffff; /* Color del enlace */
}
  
.redes-sociales i {
    font-size: 24px; /* Tamaño del icono */
}


/* Agrega más estilos según sea necesario para otras secciones */