/**********************************************************************/
/* Variáveis globais desse CSS */

:root
{
    --header1: #4B0082;
    --footer1: #4B0082;
}

/**********************************************************************/
/* CLASSES */

.cabecalho
{
    background-color: purple;
}

.nav-bar
{
    display: inline-block;
    padding-top: 20px;
    float: right;
}

/* As opções de locais */
.nav-bar ul li
{
    /* Var() não pode ser separado! */
    background-color: var(--header1);
    display: inline;
}

/**********************************************************************/
/* TIPOS */

body 
{
    background-color: black;
    color: white;
}

/* Links */
a, l-l
{
    text-decoration: underline;
    font-style: italic;
    color: blue;
}

footer
{
    background-color: var(--footer1);
    text-align: center;
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
}