:root {
    --color1 : #EDE0D4;
    --color2 : #C9A27E;
    
    --color3 : #A47148;   
    --color4 : #6F4E37;
    
    --color5 : #3E2C23;
}

*{
    box-sizing: border-box;
}

body{
    font-family: Arial, Helvetica, sans-serif;
    background-color: var(--color1);
    margin: 0px;
    padding: 0px;
    color: black;
}

h1{
   text-align: center;
}


header {
    background-color: var(--color2);
    text-align: center;
    padding: 25px;
}

header {
    background-color: var(--color4);
    color: var(--color1);
    padding: 25px;
}

main{
    margin-top: 20px;
    margin-bottom: 20px;
    margin: auto;
    border-radius: 10px;
    padding: 15px;
    max-width: 70%;
}

main>fieldset{
    border: 1px solid var(--color5);
    margin: 20px;
    border-radius: 5px;
}

fieldset{
    display: block;
    margin-inline: 2px;
    padding-block: 0.35em 0.625em;
    padding-inline: 0.75;
}

main>fieldset>legend {
    border: 1px solid var(--color3);
    padding: 10px;
    border-radius: 3px;
    background-color: var(--color3);
    color: var(--colorblanco);
}

legend{
     border: 1px solid var(--color3);
    padding: 10px;
    border-radius: 3px;
    background-color: var(--color3);
    color: var(--colorblanco);
}

main ol {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}

main ol li:nth-child(odd) {
    background: var(--color2);
}

main ol li {
    padding: 11px;
    border-bottom: 1px solid var(--color1);
    border-radius: 4px;
}

li {
    display: list-item;
    unicode-bidi: isolate;
}