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

/* Configuração para garantir que a página preencha a tela toda */
html, body {
    height: 100%;
    font-family: Arial, sans-serif;
}

/* Estilos do body */
body {
    background-image: url('img/background.jpg'); /* Caminho da sua imagem de fundo */
    background-size: cover; /* A imagem vai cobrir toda a tela */
    background-position: center; /* Centraliza a imagem */
    background-repeat: no-repeat; /* Não repete a imagem */
    color: white;
}

/* Estilo da caixa de conteúdo */
.content {
   : background-color: rgba(0, 0, 0, 0.5); /* Fundo semitransparente para o texto ficar legível */
    padding: 20px;
    border-radius: 10px;
    margin: 20px auto; /* Centraliza horizontalmente */
    width: fit-content;
}

/* Centraliza o conteúdo no topo */
h1 {
    margin-top: 20px;
    text-align: center;
}