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

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

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

@font-face {
  font-family: 'Consola Bold';
  src: url('../../_fontes/consolab.ttf');
}

@font-face {
  font-family: "Liberation Mono";
  src: url(../../_fontes/LiberationMono-Regular.ttf);
}

/* body {
    font-family: 'Times New Roman', Times, serif;
    user-select: none;
    padding: 0;
    margin: 0;
  } */

/* .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  
    margin: 0;
    padding: 1vw;
    padding-top: 0;
    padding-bottom: 0;
  
    width: 100vw;
    background-color: #eeeeee;
    height: fit-content;
  } */

/*** Estreofe ***********************************/
/* .musica {
    display: flex;
    flex-direction: column;
    justify-content: center;
  
    margin: 12px;
    margin-bottom: 4px;
  
    border: 1px solid #006100;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  
    width: 95vw;
  } */

/*** Cabeçalho *******************************/
/* .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  
    background-color: white;
    padding-top: 2vw;
    padding-bottom: 2Vw;
  
    width: 95vw;  
  } */

/* .cabecalho {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  
    margin: 0;
    padding: 0;
  } */

/* .titulo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  
    margin: 0;
    padding: 0;
  } */

/* .nome,
  .cantor,
  .autor {
    font-family: Roboto, Arimo, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.2;
  } */

/* .nome {
    font-size: 3.7vw;
    font-weight: 700;
    color: blue;
  } */

/* .cantor {
    font-size: 3vw;
    font-weight: 500;
    color: blue;
    margin-left: 20px;
  } */

/* .autor {
    font-family: Arimo, Arial, Helvetica, sans-serif;
    font-size: 2.6vw;
    font-weight: 600;
    margin: 0;
    margin-bottom: 0.7vw;
  } */

/* .container-ritmo-tom {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
  
    font-family: Arimo, Arial, Helvetica, sans-serif;
    font-size: 3vw;
  } */

/* .ritmo,
  .tom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  
    margin: 0;
    padding: 0;
    margin-top: 8px;
  } */

/* .ritmo {
    padding-right: 5vw;
  } */

/* .ritmo-ln,
  .tom-ln {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  
    padding: 0;
    margin: 0;
    line-height: 1.2;
  } */

/* .viola {
    font-weight: 800;
    padding: 0;
    margin: 0;
  } */

/* .col-esq {
    font-weight: 400;
    padding: 0;
    margin: 0;
  } */

/* .col-dir {
    font-weight: 700;
    color: red;
    padding: 0;
    margin: 0;
    margin-left: 1vw;
  } */

/* .col-dir a {
    text-decoration: none;
  } */



/* .estrofe:nth-child(even) {
    background-color: #d4eefe;
  } */

/* .estrofe:nth-child(odd) {
    background-color: #D5F5E3;
  } */

/* span {
    font-weight: 900;
  } */

/*** Links *******************************/
/* .links {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
  
    border: 1.5px solid #4545ae;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 15px;
    background-color: #d9d9ff;
    padding: .5VW;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    margin-top: 3.5vw;
  } */

/* .opcao {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
  
    padding-top: 4px;
    padding-bottom: 4px;
  } */

/* .opcao i {
    font-size: 4.3VW;
    margin-right: 1.5vw;
    color: black;
  } */

/* .opcao a {
    text-decoration: none;
    font-family: Roboto, Arimo, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 3.6vw;
    color: #0000f7;
  } */

/* .opcao .duas-linhas {
    line-height: 3.3vw;
  } */

/* @media screen and (orientation:portrait) {
    .opcao i {
      font-size: 7vW;
      margin-right: 3.1vw;
    }
  
    .opcao a {
      font-size: 6.3vw;
    }
  
    .opcao .duas-linhas {
      line-height: 6vw;
    }
  } */

/* .azul s:nth-child(even) {
    color: blue;
  } */

/* .azul s:nth-child(odd) {
    color: red;
  } */

/* b,
  i,
  s,
  u {
    text-decoration: none;
  } */

/* b {
    color: blue;
  } */

/* i {
    color: rgb(0, 175, 0);
    font-style: normal;
  } */

/* s {
    color: red;
  } */

/* u {
    color: blueviolet;
  } */

/* mark {
    text-decoration: underline;
    background-color: transparent;
    line-height: 1.2;
  } */

/* cite {
    text-decoration: none;
    font-style: normal;
    color: black;
  } */

  .tab {
    font-family: Consolas, monospace;
    letter-spacing: -0.19vw;
    line-height: 0.92;
    font-weight: 100;
    /*** Largura dos Riscos (cordas) ***/
  
    padding-top: 0.6vw;
    padding-left: 0.8vw;
    padding-right: 0.9vw;
    padding-bottom: 0.1vw;
  
    margin: 0;
    margin-left: 0;
    /*** Posição Em Relação à Esuqerda ***/
    margin-bottom: 0.9vw;
  }  

.obs {
  /* font-family: Consolas, monospace; */
  font-family: "Liberation Mono", monospace;

  margin: 0;
  padding: 0;
  margin-left: 6vw;
  line-height: 0.7;
  /* background-color: rgb(135, 215, 255); */
  /*** Posição Em Relação à Tab, Na Esuqerda ***/
}

.espaco {
  margin-right: 4vw;
}

/*** Campo Harmônico ***/
.wrapper-grau-ch .ac-tri {
  font-weight: 900;
  color: blue;
}

.wrapper-grau-ch .grau-ch {
  font-weight: 700;
  padding-top: 0.5vw;
}

.acorde-ch sup {
  padding-top: 1vw;
  font-size: 2.5vw;
}

.escala-ch .uso {
  /*** Acordes Em Uso ***/
  color: red;
}

/***********************/
/*** Player De Audio ***/
/***********************/
/* .player {
    display: flex;
    align-items: center;
    flex-direction: column;

    width: 100vw;

    margin: 0;
    margin-top: 1vw;
    margin-bottom: 2vw;

    padding: 0;

    background-color: transparent;
    z-index: 3;
}

audio {
    box-shadow: rgba(45, 45, 45, 0.5) 0.8vw 0.8vw 0.8vw;
    border-radius: 50vw;
    border: 0.25vw solid #000000;

    width: 94%;

    margin: 0;
    margin-left: 10vw;
    margin-right: 10vw;
} */

/*** s = Espaco de Tempo Maior ***/
mark {
  background-color: black;
  color: white;
}

.player {
  display: flex;
  /* align-items: center; */
  /* align-content: center; */
  /* justify-items: center; */
  justify-content: flex-start;

  margin: 0;
  padding: 1vw 0 1vw 0;
  width: 100%;
  height: fit-content;
  background-color: transparent;
}

.player audio {
  border-radius: 50vw;
  border: 0.23vw solid black;
  box-shadow: rgba(45, 45, 45, 0.5) 0.6vw 0.6vw 0.6vw;

  margin: 0;
  padding: 0;
  /* width: 100%; */
}

audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
  background-color: #868686;
  color: blue;
}

/**********************************************/

.estrofe {
  font-size: 4.1vw;
  font-weight: 700;
  margin: 0.5vw;
  line-height: 1;
  padding-top: 2.5vw;
  padding-bottom: 2.5vw;
  padding-left: 2vw;
  padding-right: 2vw;
  width: 95vw;

  background-color: #333333;
  border: 1px solid #aaa;
}

.ln0 {
  padding: 0;
  margin: 0;
  line-height: .7;
}

.ln1 {
  padding: 0;
  margin: 0;
  line-height: .7;
}

.cb1,
.cb2 {
  /* font-family: Cousin, 'Cousin Bold'; */
  font-family: Consola, 'Consola Bold';
  padding: 0;
  margin: 0;
  line-height: 1.1;
}

.espaco,
.ln0,
.ln1,
.ln2,
.ln3 {
  /* font-family: Cousin, 'Cousin Bold'; */
  font-family: Consola, 'Consola Bold';
  padding: 0;
  margin: 0;
  line-height: 0.9;
  font-weight: 600;
}

.ln0 {
  padding-bottom: 0.25vw;
}

.ln1 {
  margin-top: 1vw;
  font-weight: 600;
  color: whitesmoke;
}

.ln2 {
  margin-top: 1vw;
  font-weight: 500;
  color: aqua;
}

/* @media all and (orientation:portrait) { */
@media screen and (orientation:landscape) {
  .estrofe {
    font-size: 4.2vw;
  }
}