@font-face {
  font-family: Roboto;
  src: url('../../_fontes/Roboto-Regular.ttf');
}

@font-face {
  font-family: Consolas;
  src: url('../../_fontes/consola.ttf');
}

@font-face {
  font-family: Cousine;
  src: url('../../_fontes/Cousine-Regular.ttf');
}

.frase {
  display: flex;
  flex-direction: column;

  background-color: #ffffe9;
  border: 0.15vw solid black;
  border-radius: 0.5vw;

  margin-bottom: 0.6vw;
  margin-top: 1vw;
  /* margin-left: var(--mrgLeft-frase); */

  padding-top: 0.4vw;
  padding-bottom: 0.15vw;

  box-shadow: rgba(0, 0, 0, 0.35) 0.5vw 0.5vw 0.5vw;
}

.hifen {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-weight: 600;
  width: 0;
}

.silaba {
  display: flex;
  flex-direction: row;
  /* align-items: center; */
  justify-content: center;
  text-align: center;
  
  /* width: var(--largura-setas); */
  /* background-color: rgba(95, 158, 160, 0.294); */
}

.texto {
  display: flex;
  align-items: baseline;

  /* font-family: Consolas; */
  font-family: Arial;
  /* font-family: Consolas; */
  /* font-family: Cousine; */

  /* font-size: var(--fontSize-silaba); */
  letter-spacing: 0.1vw;
  font-weight: 600;

  /* margin-left: var(--mrgLeft-txt-seta); */
  margin-top: 0.1vw;
  line-height: 1.09;
}

.unTxt {
  padding-top: 0.16vw;
}

.unSeta {
  display: flex;
  flex-direction: column;
  align-items: center;

  /* width: var(--largura-setas); */
}

.setas {
  display: flex;

  font-family: Consolas;
  line-height: 0.6;

  /* Tamanho Fonte Setas **********************************/
  /* font-size: var(--tab_font-size); */
  /* margin-left: var(--mrgLeft-txt-seta); */
}

.frase .unEspacoSeta {
  visibility: hidden;
}

.letSpc {
  display: none;
}

.time {
  display: none;
}

/* .unEspacoSeta { */
  /* width: var(--largura-setas); */
/* } */

/*** Frase ***/
.frase {
  margin-left: var(--mrgLeft-frase);
}

.silaba {
  width: var(--largura-setas);
}

.texto {
  font-size: var(--fontSize-silaba);
  margin-left: var(--mrgLeft-txt-seta);
}

.unSeta {
  width: var(--largura-setas);
}

.setas {
  font-size: var(--tab_font-size);
  margin-left: var(--mrgLeft-txt-seta);
}

.unEspacoSeta {
  width: var(--largura-setas);
}