/* Retirei da página do Google Font para usar uma fonte baixada aqui no computador/servidor*/
@font-face {
    font-family: "Spacemono";
    /* Nome que você vai usar no site */
    src: url("../fonte/SpaceMono-Regular.ttf") format("truetype");
    /* Caminho para o arquivo */
    font-weight: normal;
    font-style: normal;
}


html,
body {
    margin: 0;
    padding: 0;
    background-image: url("../img/fundo_vazado.png");
    /* Faz a imagem cobrir toda a tela */
    background-size: cover;

    /* Centraliza a imagem */
    background-position: center;

    /* Evita que a imagem se repita */
    background-repeat: no-repeat;

    /* Fixa a imagem para não rolar com a página (opcional) */
    background-attachment: fixed;
/*
    display: flex;
    justify-content: center;
    align-items: center;     
    min-height: 100vh;       
*/
}

.background {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
}

.texto_menu {
    font-family: "Spacemono", sans-serif;
    font-size: 40px;
    color: rgb(107, 107, 110);
    transition: color 0.3s;
    /* Suaviza a mudança */
}

.texto_menu:hover {
    color: rgb(35, 11, 100);
    /* Cor ao passar o mouse */
}

.container-translucido {
    /* COR TRANSLÚCIDA: 
       rgba(vermelho, verde, azul, alfa/transparência)
       Alfa vai de 0.0 (totalmente transparente) a 1.0 (totalmente opaco)
    */
    background-color: rgba(255, 255, 255, 0.1);
    /* Branco com 50% de opacidade */

    padding: 20px;
    border-radius: 10px;
    width: 300px;
    margin: 50px auto;

    /* Opcional: efeito de desfoque (vidro) */
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(2px);

    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
}