/* Estilos para o container */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}

/* Estilos para o container */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}

p {
    font-family: 'Inter', sans-serif;
    color:white;
    letter-spacing: 2px;
}

.container2 {
    position: relative;
    width: 100%;
    height: 100vh; /* 100% da altura da viewport (tela) */
    overflow: hidden; /* Impede o scroll caso o conteúdo da .content ultrapasse a tela */
    display: flex; /* Use flexbox para alinhar o conteúdo */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    background-color: black;
}

.background-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover; /* Ajusta a imagem para cobrir todo o container */
    background-position: center; /* Centraliza a imagem no container */
    opacity: 0.7; /* Ajusta a opacidade da camada escura */
}

.content {
    text-align: center; /* Centraliza horizontalmente o texto ou conteúdo */
    position: relative; /* Mantém a .content no fluxo normal do documento */
    z-index: 1; /* Coloca a .content sobre a camada escura */
    /* Outros estilos desejados para o conteúdo */
}

#background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Para cobrir todo o container */
    z-index: -1; /* Coloca o vídeo atrás do conteúdo */
}

.hidden {
    display: none
}


.hidden2 {
    display: none
}