/*Estilos gerais para todo o sistema privado ----------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

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

body {
    font-family: 'Open Sans', sans-serif;
    background-color: #f5f6f7;
    letter-spacing: 0.02em;
    font-size: 1rem;
}

:root {
    --theme: rgb(39, 67, 104);
    --theme_dark: rgb(29, 51, 79);
    --gray: #232323;
    --gray_2: #707070;
}

ul {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: black;
}


/*Scroll Bar ------------------------------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--gray)
}

::-webkit-scrollbar-thumb {
    background: var(--theme)
}

::-webkit-scrollbar-thumb:hover {
    background: var(--theme_dark)
}

/*Estilos Padrão --------------------------------------------------------------------------------*/
header {
    background-color: #111;
    min-height: 100vh;        
    display: flex;
    justify-content: center;
    background-size: cover; /* Ajusta a imagem para cobrir todo o elemento */
    background-position: center; /* Centraliza a imagem */
    background-repeat: no-repeat; /* Evita repetição da imagem */
    background-attachment: fixed; /* Faz a imagem de fundo ficar fixa enquanto rola */
  }
  
.m-container {
    display: flex;
    justify-content: center;
    width: 85vw;
    max-width: 1632px;
    padding: 1rem;
}

section {
    display: flex;
    justify-content: center;
}