@font-face{
    src: '';
    font-family: 'Goudy Bookletter 1911', serif;
}

:root{
    --Negro: #292929;
    --blanco: #f0ffff; /* Azure */
    --alturaAuto: auto;
}
*{
    box-sizing: border-box;
}
body{
    background-color: var(--blanco);
    height: var(--alturaAuto);
}
svg{
    float: left;
}
.cajaTxt{
    width: 70%;
    margin: 0% 10% 0% 20%;
    color: var(--Negro);
    
}
h1{
    font: normal 8em/1em "Goudy Bookletter 1911", serif;
    text-align: right;
    margin: 0;
    padding: 0;
}
h2{
    font: normal 3em/1em "Goudy Bookletter 1911", serif;
    margin: 10% 0% 5%;
}
h3{
    font: normal 2em/1em "Goudy Bookletter 1911", serif;
    text-align: right;
    margin: 2% 0%;
    padding: 0;
}
h4{
    font: normal 2em/1em "Goudy Bookletter 1911", serif;
}
p{
    font: normal 1.3em/1.3em "Goudy Bookletter 1911", serif;
    text-align: justify;
}
pre{
    font: normal 1.3em/1.3em "Goudy Bookletter 1911", serif;
}
.cabezaPrincipal{
    width: 100%;
}
nav{
    width: 100%;
    margin: 0;
}
nav ol{
    width: 90%;
    margin: 0% 3%;
    list-style-type: upper-roman;
}
nav ol li a{
    font: normal 1.3em/1.3em "Goudy Bookletter 1911", serif;
    text-decoration-line: none;
    padding-left: 1%;
    color: #663399;
}

/*
@media only screen and (min-width: 100px), (max-wdith: 650px) {

    .cajaTxt {
        width: 90%;
        margin: 0% 5% 0% 5%;      
    }

    .cajaTxt h1 {
        font-size: 5em;
    }

    .cajaTxt h2 {
        font-size: 3em;
    }

    h3 {
        font-size: 2em;
    }

    h4 {
        font-size: 2em;
    }

    p {
        font-size: 1.2em;
    }

    pre {
        font-size: 1.2em;
        overflow: scroll;
    }

    nav ol {
        margin: 0% 10%;
    }
}