body,html{
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
.navbar{
  font-size: 20px; 
  background-color:rgba(255, 255, 255, 0.5)
}
.page-footer,.top-nav-collapse{
  background-color:rgba(226, 226, 226, 1)
}
@media only screen and (max-width:768px){
  .navbar{
      background-color:rgb(226, 226, 226, 1)
  }
}
#time-counter{
  font-size:5rem
}
/*#particles-js{
  
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #EF5E26;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#formulario
{
  z-index: 2;
  position: absolute;
}*/

canvas {
  display: block;
  vertical-align: bottom;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.card {
  z-index: 1;
}

.container-card {
  top: 15vh;
}

.view {
  background-image: url("../img/fundo.png");
  background-position: center ;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  height: 100vh;
}

.stepper {
  z-index: 2;
  top: 2vh;
}

.visa {
  background-image: url("../img/bandeira_cartoes/visa.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 3vw;
  border: 1px green solid; 
}
.visa_electron {
  background-image: url("../img/bandeira_cartoes/visa_electron.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 3vw;
}
.sem_bandeira {
  background-image: url("../img/bandeira_cartoes/sem_bandeira.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 3vw;
  border: 1px red solid;
}
.discover {
  background-image: url("../img/bandeira_cartoes/discover.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 3vw;
}
.maestro {
  background-image: url("../img/bandeira_cartoes/maestro.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 3vw;
}
.master {
  background-image: url("../img/bandeira_cartoes/mastercard.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 3vw;
}

/* ESTILO APLICADO NO LOADING DA PAGINA */
#overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,0.5);
  background-size: cover;
  transition: 1s 0.4s;
  display: flex;
  flex-direction: column;
}
#inside-overlay {
  margin-left: 50vw;
  margin-top: 50vh;
  justify-content: center;
  align-items: center;
}
/* FIM DO ESTILO APLICADO NO LOADING DA PAGINA */