body, h1{
  background-color: #2D2D2D;
  font-family: 'Inter', sans-serif;
  color: #FE9700;
}

/* INDEX EDITION */
.body-index{
  background-image: url(/images/moeda.png);
  /* /* background-repeat: no-repeat;
  background-position: center top; */
  /* background-position-x: center; */
  background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* background-size: cover; */
}

.btn-icones{
      background-color: Transparent;
      background-repeat: no-repeat;
      border: none;
      cursor: pointer;
      overflow: hidden;
}

.caixa-input{
  border: 0px solid;
  border-radius: 5px;
  height: 45px;
  color: #2D2D2D;
  text-align: center;
}

.caixa-input input{
  text-align: center;
  color: #2D2D2D;
}

.style-input{
  background-color: #626262;
  border: 0px solid;

}

input::placeholder{
  text-align: center;
  letter-spacing: 0.2em;
  color: #2D2D2D;
}



.titulo{
  font-family: 'Audiowide', cursive;
  color: #FE9700;
  letter-spacing: 0.1em;
  font-size: 65px;  
}

.intro{
  color: #C9C9C9;
  font-size: 16px;
  line-height: 36px;
  margin-top: 50px;
}

.btn-entrar button, a, i{
  border: 0px solid;
  border-radius: 5px;
  padding: 5px;
  height: 45px;
  color: #2D2D2D;
}



.btn-entrar a{
  text-decoration: none;
  color: #2D2D2D;
  padding: 100px;
}

.bg-entrar{
  background-color: #626262;
}



.cor-ls{
  color: #C9C9C9;
}

.btn-recuperar a{
  font-size: 20px;
  letter-spacing: 0.2em;
  text-decoration: none;
  color: #C9C9C9;
}

.footer{
  text-align: center;
  font-size: 10px;
}

.footer a{
  text-decoration: none;
  color: #FE9700; 
}

p{
  color: #C9C9C9;
}
span{
  color: #C9C9C9;
}

.avatar{
  width: 50px;
  height: 50px;
}

.valor-total{
  color: #fff;
  font-weight: 700;
}

.valor-receita{
  color: #25A522;
  font-weight: 700
}

.valor-despesa{
  color: #D03C3C;
  font-weight: 700
}

.barra{
  background-color: #414141;
}

.barra-style{
  border-radius: 20px;
}

.barra-inicio {
  height: 200px;
  left: 0px;
  top: 0px;
  border-radius: 0px 0px 20px 20px;  
}

.caixa-card {
  border-radius: 30px 30px 0 0;
}

.btn-cartao{
    width: 276px;
    height: 32px;
    left: 580px;
    top: 624px;
    color: #C9C9C9;
    background: #2D2D2D;
    border: 1px solid #626262;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    font-weight: 400;
    font-size: 12px;
}

.btn-tag {
    width: 110px;
    height: 32px;
    left: 580px;
    top: 624px;
    color: #C9C9C9;
    background: #2D2D2D;
    border: 1px solid #626262;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    font-weight: 400;
    font-size: 12px;
}

.titulo-card{
  color: #FE9700;
  font-size: 15px;
}

.card a:hover{
  background-color:  #FE9700;
}

.btn-hover a:hover {
  background-color: #FE9700;
}

.btn-entrar button:hover {
  background-color: #FE9700;
}

.btn-recuperar a:hover{
  color: #FE9700;
}

.span-seta{
  color: #FE9700;
  font-size: 1rem;
}

.nomes-destaques{
  font-size: 12px;
  margin-left: 8px;
}

.icon-nav{
    width: 70px;
}

.icon-nav-mais{
  width: 120px;
  margin-top: -42px;
}

@media (max-width: 768px) {
  h5, p, span{
    font-size: 15px;
    
  }
}


@media (max-width: 992px) {
  h5, p, span{
    font-size: 11px;

  }
}

@media (max-width: 992px) {

    nav img{
    height: 30px;
    margin: -10px;
  }
}

@media (max-width: 992px) {
  nav .icon-nav-mais{
    height: 70px;
    margin-bottom: -20px;
  }
}

@media (max-width: 768px){
  .footer {
    font-size: 300px;
  }
}

.body-login {
  background: #2D2D2D;

}

.btn-login {
  font-size: 0.9rem;
  letter-spacing: 0.05rem;
  padding: 0.75rem 1rem;
}

.btn-google {
  color: #2D2D2D !important;
  background-color: #626262;
}

.btn-facebook {
  color: #2D2D2D !important;
  background-color: #626262;
}

.card-login{
  background-color: #414141;
}

h3 {
  text-align: center;
  line-height: 300%;
}




.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}