/* ESTES ESTILOS SERÃO APLICADOS SOMENTE PARA O SHOW CASE */ 
/* Setando as variáveis de css */
:root{
    /* variável de cor  com opacidade controlada */ 
    --primary-color: rgba(13, 110, 139, 0.75);
    /* a cor do background quando o menu estiver aberto, aquela cor mais escura;*/
    --overlay-color: rgba(24, 39, 51, 0.85);
    /* variável de velocidade de animação do menu */ 
    --menu-speed: 0.75s;
}

*{
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

body{
    font-family: "Open Sans", sans-serif;
    line-height: 1.4;
}

.container{
    max-width: 960px;
    margin: auto;
    overflow: hidden;
    padding: 0 3rem; /* padding-top e bottom 0 e padding laterais 3rem */
}