:root {
  --larg_pag: 1349px;
  --cor_texto_fix: black;

  --cor_texto: var(--cor_texto_fix);
  --cor_fundo_n: 245;
  --cor_botao: rgb(240, 240, 240);
  --cor_bg_thead: lightgray;
}

.tema_escuro {
  --cor_texto: rgb(220, 220, 220);
  --cor_fundo_n: 30;
  --cor_botao: rgb(50, 50, 50);
  --cor_bg_thead: rgb(55, 55, 55);
}

:root {
  --cor_fundo_rgb: var(--cor_fundo_n), var(--cor_fundo_n), var(--cor_fundo_n);
  --cor_fundo: rgb(var(--cor_fundo_rgb));
}

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

table {
  margin-bottom: auto;
  border-collapse: collapse;
}

th:not(.celula_vazia, .cor_certo, .cor_confusao, .cor_duvida_certo) {
  background-color: var(--cor_bg_th);
}

th {
  font-weight: normal;
}

th,
td {
  white-space: nowrap;
  padding: 0;
}

div.disp_flex {
  display: flex;
  gap: 5px;
}

button {
  white-space: nowrap;
  width: max-content;
  font-family: inherit;
  text-align: center;
  background-color: var(--cor_botao);
  color: var(--cor_texto);
}

button:not(:disabled):hover {
  background-color: gold;
  color: var(--cor_texto_fix);
}

input:focus {
  outline: none;
}

div.just_cont_sb {
  justify-content: space-between;
}

div.just_cont_sa {
  justify-content: space-around;
}

.fonte_p {
  font-size: 0.9em;
}

.fonte_pp {
  font-size: 0.75em;
}

.negrito {
  font-weight: bold;
}

.cor_errado {
  background-color: indianred;
}

.cor_certo {
  background-color: cornflowerblue;
}

.cor_confusao {
  background-color: orange;
}

.cor_duvida_errado {
  background-color: lightcoral;
}

.cor_duvida_certo {
  background-color: lightskyblue;
}

.cor_errado,
.cor_certo,
.cor_confusao,
.cor_duvida_errado,
.cor_duvida_certo {
  color: var(--cor_texto_fix);
}

.fonte_erro {
  color: red;
}

.fonte_acerto {
  color: blue;
}