*{ /*SELECTOR UNIVERSAL*/
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /*USANDO FUNCION HEXADECIMAL COLOR Y APLICACION MEDIANTE 
    LA FUNCION VAR(--IDENTIFICADOR)*/
    --color1:#07B0F2;
    --color2:#05C7F2;
    --color3:#f2c029;
    --color4:#f2ae2e;
    --color5:#f2f2f2;
}
main{
    width: 800px;
    margin: 20px;
    
}
#cabecera{ /*SELECTOR POR ID*/
    display: flex; /*Activacion de FlexBox*/
    flex-direction: row; /*Definicion de eje*/
    justify-content: space-between;/*Alineación Horizontal*/
    align-items: center;/*Alineación Vertical*/
    background-color: var(--color1);
    padding: 10px;
    margin: 5px;
}
#menu{ /*SELECTOR POR ID*/
    display: flex; /*Activacion de FlexBox*/
    flex-direction: row;/*Definicion de eje*/
    justify-content: right;/*Alineación Horizontal*/
    margin: 5px;
}
#menu div{ /*SELECTOR POR ID*/
    padding: 10px;
}
#contenido{/*SELECTOR POR ID*/
    display: flex;/*Activacion de FlexBox*/
    flex-direction: row; /*Definicion de eje*/
    justify-content: space-between;/*Alineación Horizontal*/
    margin: 5px;
}
.contenido{/*SELECTOR POR CLASE*/
    margin: 5px; /*USANDO PARA MODELO CAJA MARGIN*/
    padding: 10px; /*USANDO PARA MODELO CAJA PADDING*/
    border: 2px, solid, var(--color3); /*USANDO PARA MODELO CAJA BORDER*/
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
h3{
    text-align: center;
    color: var(--color4);
    background-color: var(--color5);/*Color de fondo o relleno y usando */
}
#pie{/*SELECTOR POR ID*/
    display: flex;/*Activacion de FlexBox*/
    flex-direction: row;/*Definicion de eje*/
    justify-content: center;/*Alineación Horizontal*/
    background-color: var(--color1);/*Color de fondo o relleno*/
}