:root{

    --branco: white;
    --cor-de-fundo: #000000;
    --fundo-senha: #eb0000;
    --fundo-texto: #001E40;
    --borda: #ffbb00;
    --roboto: 'Roboto Mono' monospace;
    
  }

  body{
    color: var(--branco);
    background-color: var(--cor-de-fundo);
    font-family: var(--roboto);
  }

  .titulo-principal{

      font-family: var(--roboto-mono);
      font-size: 32px;

  }


 .titulo-secundario{

     font-size: 24px;
  }

  .conteudo-titulo{

     text-align: center;
     margin-top: 80px;
  }

  .conteudo-senha{
      margin-top: 80px;
      background: var(--fundo-senha);
      padding: 24px;
      border-bottom: 6px solid var(--borda);

 }

 #campo-senha{
      
      background-color: var(--fundo-senha);
      border: none;
      color: var(--branco);
      font-family: var(--roboto-mono);
      font-size: 40px;
      width: 70%;

 }