@charset "utf-8";

/* reglas generales */
* { box-sizing: border-box;
padding:0;
font-family: sans-serif;
text-align: center;
text-decoration: none;
}

body { 
 background-color: antiquewhite;
}

header {
    background-color: white;
    padding-bottom: 0em;
    padding-top: 2em;
}

.menu {
    padding: 2em;
    width: 7em;
    display: inline-block;
    text-decoration: none;
    color: #cc9d5f;
    font-size: 16px;}

ul > li {
    list-style: none;
    color: #88847c;
    margin: 2mm;
}
ol > li {
    margin-bottom: 2em;
}

a {
    text-decoration: none;
    color: #cc9d5f;
    
}

.avatar {
    border-radius: 20%;
}

h2 {
    color: #aa1010;
    font-size: 30px;
    margin-top: 12mm;
}

h3 {
    color: antiquewhite;
    background-color: brown;
    padding: 3mm;
    font-size: 20px;
    border-radius: 10mm;
    margin-left: 4em;
    margin-right: 4em;
    margin-top: 4em;
    margin-bottom: 10mm;
}

h4 {
    color: #88847c;
}

h5{
    color: #88847c;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 2em;
}

p {
    color: #88847c;
    box-sizing: border-box;
    padding-left: 2em;
    padding-right: 2em;
}

footer {
    background-color: white;
    font-size: 13px;
    margin-top: 3em;
    padding: 1em 1em 1em 1em;
    
}

/* primera parte para el celular mobile first */




/* segunda parte para escritorio */