*{
    box-sizing: border-box;
}

.body{
    margin: 0;
    padding: 0;
}



/* Media query para pantallas pequeñas (mobile) */
@media (max-width: 600px) {
    .header__content {
        height: 50px; /* Ajusta la altura para pantallas pequeñas */
        flex-direction: column; /* Cambia la dirección del flex si es necesario */
    
    }
}



.header{
background-color: darkgray;
}

.header__content{
    display: flex ;
    justify-content: space-between;
    align-items: center;
    height: 55px;

}

/*.header__logo {
height: 80%;
width: 10%;
}*/

.header__links{
    display: flex;
    gap: 20px;
}

.about-me{
    background-color: rgb(0, 0, 0);
    color: white;
    padding: 30px;
}

.about-me__tittle,
.services__title{
    text-align: center;
    font-size: 45px;
    font-family: sans-serif;
}

.entrada{
    display: flex;
    flex-direction: column;
    padding: 20px;
    font-family: sans-serif;
    background-color: rgb(7, 10, 8);
    color: white;
}

.footer__logo, .header__logo {
    height: 40px; /* Ajusta la altura según lo que necesites */
    width: auto; /* Mantiene la proporción de la imagen */
}


.form__title{
    font-size: 30px;
    font-family: sans-serif;
   }

/* Footer section */


.footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: darkgray;
    height: 70px;
    padding: 0 20px;
}

/*.footer__logo{
    background-color: red;
    height: 80%;
    width: 10%;

}*/

.contenedor{
     display: flex;
     flex-direction: column;
     align-items: center;
     background-color: rgb(7, 10, 8);
     color: white;
     padding: 30px;
     
}

.form{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;}

    .fieldset{
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
    font-size: 20px;
    font-family: sans-serif;
    padding: 10px 30px;
    border-radius: 10px;
    }

        .button-section{
            display: flex;
            gap: 10px;
            padding: 10px 40px;
            border-radius: 10px;
          background-color: rgb(41, 123, 231);
        }