body {
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    background: #e0e6e2;
}

header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* This will make the header fill the entire viewport height */
}

.texto {
    /* border: 3px solid rgb(186, 188, 204);
    border-radius: 10px; */
    padding: 20px; /* Add padding instead of using margin to center the content */
}

h1, h2, h3, h4, ul, p, blockquote, dd {
    margin: 0px;
}

h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 60px;
    color: #034d16;
    margin-top: 20px;
}

p {
    font-size: 20px;
    color: #000000;
    padding-top: 20px;
}

ul {
    padding: 0px;
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

a img {
    margin-left: 20px;
}

img {
    display: block;
    margin: 0 auto; /* This will center the image horizontally */
    max-width: 100%;
    height: auto; /* Let the height scale proportionally with the width */
}