.btn-a {
    margin: 1em;
    color: black;
    font-size: 1rem;
    text-decoration: none;
    background-color: aqua;
    padding: 1rem;
    display: grid;
    text-align: center;
 
}

.btn-a:hover {
    background-color: rgb(0, 184, 184);
}

.btn-b {
    margin-top: 0em;
    color: black;
    font-size: 20px;
    background-color: aqua;
    padding: 9px;
    display:list-item;
    text-align: center;
    width: 10rem;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}

.btn-b:hover {
    background-color: rgb(0, 184, 184);

}

.header{
    background-color:rgb(17, 255, 176);
    margin: 1em;
    padding: 1em;
    
}
.contenedor {
    display: flex;
    justify-content:center;
    flex-direction:column;
    padding: 1em;
    align-items: center;
    gap: 25em;
    background-color: black;
    width: 20rem;
}

body {
    background-color: rgb(176, 255, 222);
    margin: 2em;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    display: block;
}


.foto {
    display: flex;
    border-color: black;
    border-style: groove;
    width: 25em;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 1em;
}

.footer {
    display:flexbox;
    background-color: rgb(97, 248, 185);
    padding: 10px 20px;
    text-align: justify;
    margin: 10px;
}

.p{
    font-size: 80%;
}

.h2 {
    margin-top: 20px;
    color: black;
    font-size: 20px;
    text-decoration: none;
    background-color: rgb(97, 175, 248);
    padding: 10px;
    text-align: left;
    width: 18rem;
}

.h3{
    color: rgb(31, 78, 206);
}
.boceto {
    width: 18rem;
}

.dgpc{
    width: 20rem;
}
@media (min-width: 1000px) {
    .contenedor {
        flex-direction: row;
        margin: 50px;
    }
}