@font-face{
   font-family: tituloB;            
   src:  url(tituloB.ttf);
   font-display: swap;
  }

  @font-face{
   font-family: tituloA;            
   src:  url(titulo.ttf);
   font-display: swap;
  }

   @font-face{
   font-family: texto;            
   src:  url(texto.ttf);
   font-display: swap;
  }

  html, body{
    height: 100%;
  }
  h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
      font-family: tituloB;
  }

  .title{
    font-family: tituloA;
  }
  

 *{
      font-family: texto;
  }

  div .formulario{
    z-index: 2;
    position: relative;
    margin-top: -10rem;
  }

    div .card_grupo{
    z-index: 2;
    position: relative;
    margin-top: -5rem;
  }

  .design-nav{
    background-color: rgba(7, 124, 1, 0.8);
  }
  
  ::selection {
  background-color: rgba(7, 124, 1, 0.8);
  color: white;
}