.countdown {
  z-index: 99999;
  background: url("../images/background.jpg");
  position: fixed;
  min-height: 100vh;
  min-width: 100%;
  left: 0;
  top : 0;
  padding-top: 5%;
}

.countdown > .text {
  position: absolute;
  margin: 0;
  padding: 0;
  color :#FFF;
  font-size: 20rem;
  font-family: Overpass Mono, monospace;
  opacity: 0;
  animation-name: opac;
  animation-duration: 1.4s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  width: 100%;
  display: block;
}

.countdown > .text:nth-child(1) { animation-delay: 0s; }
.countdown > .text:nth-child(2) { animation-delay: 1.5s; }
.countdown > .text:nth-child(3) { animation-delay: 3s; }
.countdown > .text:nth-child(4) { animation-delay: 4.5s; }
.countdown > .text:nth-child(5) { animation-delay: 6s; }
.countdown > .text:nth-child(6) { animation-delay: 7.5s; }
.countdown > .text:nth-child(7) { animation-delay: 9s; }
.countdown > .text:nth-child(8) { animation-delay: 10.5s; }
.countdown > .text:nth-child(9) { animation-delay: 12s; }
.countdown > .text:nth-child(10) { animation-delay: 13.5s; }
.countdown > .text:nth-child(11) { animation-delay: 15s; font-size: 10rem; padding-top: 5%;}
.countdown > .text:nth-child(12) { animation-delay: 16.5s; font-size: 10rem; padding-top: 5%;}
.countdown > .text:nth-child(13) { animation-delay: 18s; font-size: 10rem; padding-top: 5%;}

@keyframes opac {
  0% { 
    opacity: 1; 
  }
  100% { 
    opacity: 0; 
    display: none; 
    scale: 3 }
}

.secretbidCounter{
  animation-name: scal;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  border: 3px solid #D0D0D0;
  width: 50px;
  height: 50px;
  padding-top: 7px;
  display: inline-block;
}

@keyframes scal {
  0% { 
    opacity: 0; 
    border-radius: 0%;
  }
  50%{
    border-radius: 35%;
  }
  80%{
    opacity: 1;  
    border-radius: 50%;
  }
  100%{
    opacity: 1;  
    border-radius: 50%;
  }
}