body {
  text-align:left;
  //background:linear-gradient(180deg, #000 25%, #4AABBF 40%, #ddd 65%);
  background:#1B2631;
  color:#555;
  font-family:'Brush Script MT';
  font-weight:300;
  font-size:10px;
  padding-top:1vh;
  height:100vh;
  overflow:hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0,0,0);
}

#number {
  font-size:50px;
  color:#434343;
}
marquee {
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:18px;
}

.text {
  font-size:18px;
  font-family:helvetica;
  font-weight:bold;
  color:#B2FF59;
  text-transform:uppercase;
}

.text2 {
  font-size:22px;
  font-family:helvetica;
  font-weight:bold;
  color:#f80000;
  text-transform:uppercase;
}
.parpadea {
  animation-name: parpadeo;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

.parpadea2 {
  animation-name: parpadeo;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}


.container::after {
  content: "";
  background: var(--main-bg-negocio);
  background-size:cover;
  background-size:60%;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

