:root{
    --black:#1b2227;
    --accent:#eaa70d;
    --lightGreen:#9acd32;
    --red:#ff4500;
    --text:#333333;
    --softBG:#f9f9f9;
    --midBG:#eee;
    --white:#fff;
    --textLight:#dbdbdb;
    --beautygreen:#045A69;
    --softGray:#636262;
}

.volver{
    width: 100%;
    padding: 1rem;
    margin-bottom: 2rem;
    margin-top: 1rem;
}
.volver a{
    padding: .5rem 2rem;
    font-size: 1.3rem;
    border-radius: 3px;
    background: var(--beautygreen);
    color: var(--white);
    &:hover{
        background-color: var(--red);
    }
}

body{
    padding: 2rem 6%;
}

h3{
    font-size: clamp(1.6rem, 3vw, 2.5rem);
    color: var(--textLight);
}

p{
    margin-bottom: 1.5rem;
    margin-top: .5rem;
    color: rgb(158, 158, 158);
    font-size: clamp(1.1rem, 3vw, 1.5rem);
}

a{
    color: rgb(158, 158, 255);
    text-decoration: underline;
}


li{
    font-size: clamp(1.1rem, 3vw, 1.5rem);
    color: var(--accent);
    margin-bottom: 1.5rem;
}

ol > li{
    color:var(--softGray);
    font-size: clamp(2rem, 3vw, 3.2rem);

}