/*  Reset CSS */
* {
    /*  Margem = Externa */
    margin: 0;  
}

body {
    /* Cor Fundo */
    background-color: #650304;

    /* Cor textos */
    color: #ffd9d9;
    color: #ffefd8;
}

/* seletor para os <A> */
a {
    /* Propriedades e VALOR */
    text-decoration: none;
    color: #e0e0e0;
}


/* HEADER = Cabeçalho */
header {
   /*   ROW Linha Horizontal  */
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #4c0507;
    /* Largura ou Comprimento*/
    width: 100;
    margin: 0;
    }

    /* UL sistema lista topicos */
    .menu {
        list-style: none;
        /* lista horizontal */
        display: flex;
        /* espaço entre tags */
        gap: 1rem; /* Um rem */
    }

    /* TAG NAV */
    .menu-desktop{
        display: none;
    }

    /* Logo */
    .logo {
        width: 15rem;
    }

    /* Daqui pra cima versão mobile */
    
    /* Responsivo */
    /* Serve para as telas maiores */

    /* telas maiores que 768px */

    @media (min-width: 768px){
        header {
            /* espaço inteiro */
            padding: 1rem 6rem;
            justify-content: 
            gap: ;
        }

        /* NAV */
        .menu-desktop {
            display: flex;
        }
    }