*{
    margin: 0%;
    padding: 0%;
}

.contenedor{
    margin-top: 1em;
    margin-bottom: 1em;
    border: 2px solid rgb(3, 3, 3);
    margin-left: 25%;
    width: 50%;  
    /* background-image: url(../../simon/imagenes/notepad.png); */
    background-image: url(../imagenes/notepad.png);
    background-position: 8%;
}

h1{
    font-family: 'Italianno', cursive; 
    font-size: 4em;
    margin-top: 1em;
    margin-bottom: .8em;
    margin-left: 35%;
}

/*Lista de botones con los PDF*/
ul{
    list-style: none;
    text-align: left;
    margin-left: 10em;
}

li{
    margin-bottom: 1em;
}

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

.text-btn{
    border: 2px solid rgb(3, 3, 3); 
    font-size: large;
    font-weight: 700;
    background-color: rgb(236, 211, 145);
}
.text-btn:hover{
    transform: scale(1.5);
}

/*Boton para volver*/
.volver-btn{
    border: 2px solid rgb(3, 3, 3); 
    font-size: large;
    font-weight: 500;
    background: rgb(236, 211, 145);
}
.volver-btn:hover{
    opacity: 0.8;
}
.volver-btn-a{
    text-decoration: none;
    color: black;
}
.volver-btn-a:hover{
    text-decoration: none;
    color: black;
}

@media(max-width: 800px) {
    .contenedor{
        width: 80%;
        margin-left: .5em;
        margin-right: 1em;
        background-position: 23%;
    }
    h1,
    ul{
        text-align: center;
        margin-left: 0;
        margin-top: .8em;
    }
    .text-btn:hover{
        transform: scale(1.2);
    }
}