/* reset */
 *{
margin: 0;
padding: 0;
box-sizing: border-box;
 }
 /* estilos de header */
header{
    background-color: #2b2b2b; 
    display: flex;
    justify-content: space-between;
    align-items: center;
padding-right: 30px;}
    



    header img { width: 20%;}


header nav ul 
{ display: flex;
    color: whitesmoke;
    list-style: none;
    gap:20px
}

/* estilos de main */

main { display: flex;
    justify-content: center;
    align-items: center;
flex-wrap: wrap;}


    main .textos{text-align: center;}

    main .textos h1 span {
        display: block;}

        main .textos .boton { 
        background-color: #2b2b2b;
color: whitesmoke;
            padding: 10px;
            margin-top: 10px;
            display: inline-block; }
        
            main .imagen { display: flex;
                justify-content: center;}


                main .imagen img{ width: 60%;