#themeInput {
    width: 350px; /* Defina a largura desejada aqui */
}



.grid-container {
    display: grid;
    grid-template-columns: repeat(7, 100px); /* 7 colunas com largura de 100px cada */
    gap: 10px; /* Espaçamento entre os itens do grid */
    justify-content: center; /* Centraliza os itens horizontalmente */
    align-content: center; /* Centraliza os itens verticalmente */
    /*height: 2000px;  Altura do grid */
    align-content: flex-start; /* Alinha os itens no topo */
}

.grid-item {
    background-color: #ddd;
    padding: 10px;
    border: 1px solid #999;
    min-height: 20px; /* Altura mínima dos blocos */
    text-align: center; /* Centraliza o texto dentro dos blocos */
    display: flex; /* Permite alinhamento vertical do texto */
    align-items: center; /* Centraliza o texto verticalmente */
    word-wrap: break-word; /* Quebra de linha automática */
    overflow-wrap: break-word; /* Quebra de linha automática para textos longos */
    white-space: pre-wrap; /* Manter quebras de linha */
    resize: vertical; /* Permite a expansão vertical */
    flex-direction: column; /* Coluna para permitir o crescimento vertical */
}

/* Aplicar cor preta aos blocos específicos */
#item-15, #item-16, #item-17, #item-18, #item-19, #item-20, #item-21,
#item-29, #item-30, #item-31, #item-32, #item-33, #item-34, #item-35,
#item-43, #item-44, #item-45, #item-46, #item-47, #item-48, #item-49,
#item-57, #item-58, #item-59, #item-60, #item-61, #item-62, #item-63,
#item-71, #item-72, #item-73, #item-74, #item-75, #item-76, #item-77 {
    background-color: white;
    color: black; /* Tornar o texto preto */
    
    white-space: pre-wrap; /*Permite quebras de linha */
    word-break: break-all; /*Força quebras de palavras */

}

    .item-content {
        /*overflow-y: auto; /* Adiciona uma barra de rolagem vertical se o texto ultrapassar a altura do bloco */
        flex-grow: 1; /* O conteúdo expandirá para preencher o espaço disponível */
        /*max-height: 100%; /* Altura máxima do conteúdo */
        
    }
}
