/* Estilos Generales */
*{margin: 0; padding: 0;}
.contenedor {
    max-width: 80rem;
    margin:auto;
}
* {box-sizing: border-box;}

/* Body - Texto */
body {
    background: #8d75b2;
}

header {
    background: #746c80;
    padding: 0.2rem;
}

h3 {
    display: inline-block;
    text-align: right;
}

h3 a {
    font-family: 'Righteous', cursive;
    color: #a38bc9;
    text-decoration: none; 
    padding: 1rem; 
    margin: 1rem;
}

h3 :hover{
    color: #ef94dd;
}

h1 {
    font-family: 'Righteous', cursive;
    color: #ffffff;
    text-shadow: 2px 2px #717171;
    text-align: center;
    font-size: 3rem;
    padding: 10rem;
    margin: 5rem 5rem 10rem 5rem; 
    background-image: url(img/fondonombre.jpg);
}

h2 {
    font-family: 'Oswald', sans-serif;
    background: #9688e3;
    margin: 1rem;
}

p {
    font-family: 'Roboto', sans-serif;
    margin: 0rem 0rem 0rem 1rem;
}

/* Section */
section {
    display:flex; 
    flex-wrap: wrap;
    justify-content: space-between;
}

article { 
    width: 30%; 
    padding: 3%;
}

/* Footer */
.legal {
    font-family: 'Roboto', sans-serif;
    margin-top: 8rem; 
    font-size: 0.5rem;
    text-align: center;
}