:root {

    --blanco: #ffffff;

    --oscuro: #989a9c;

    --primario: #0164ff;

    --secundario: #0097a7;

    --gris:#757575;

    --grisClaro: #f0f3f5;

    --azulaside: #0d47a1;

    --negro: #000000;

}

body {

    background: var(--grisClaro);

    

}



header {

    background: var(--blanco);

    padding: 20px;

    margin-bottom: 20px;

}

.contenedor-main {

    margin-bottom: 20px;

}

main {

    background: var(--blanco);

    color: var(--gris);

    padding: 20px 0;

}

aside {

    background: var(--oscuro);

    padding: 60px 0;

    color: var(--azulaside);

}



.container h1 {

    color: var(--primario);

}



.widgets {

    margin-bottom: 20px;

}

.widgets > div {

    background: var(--negro);

    color: var(--blanco);

    padding: 20px;

}



footer {

    background: var(--negro);

    padding: 20px 0;

}