<css>
.lottery-countdown-text {
  font-family: "Sabo-Filled", sans-serif;
  
  color: #8dfcfd;
  text-shadow: 2px 0 0 #e34f7a;
  text-align: left;
  margin: 0 auto 5.75rem;
  line-height: 1.2;
  font-size: 3rem;
}

.lottery-countdown-text .glow {
  text-shadow: 0 0 0.7em yellow, 2px 0 0 #e34f7a;
}
@media screen and (max-width: 576px){
  .lottery-countdown-text {
    font-size: 2rem;
  }
}
</css>

<div class="mt-4 mb-3 lottery-countdown-text">
  <br/>
  VisionGame X MeMusic Partnership!
  <br/><br/>
  <span class="glow"> 300 WINNERS!</span> 150 Mystery NFTs from VisionGame +
<br>150 Mystery NFTs from MeMusic
  <br/><br/>
  <div class="mt-4 glow">Ends in <PrettyCountdown to="currentLottery"/></div>
</div>

<css>
.lottery-concluded-text {
  line-height: 1.5;
  font-size: 2rem;
}
.winners-table tbody tr:nth-of-type(1) td {
 background: #ab9100 !important;
 box-shadow: none;
}
.winners-table tbody tr:nth-of-type(2) td {
 background: #a1a1a1 !important;
 box-shadow: none;
}
.winners-table tbody tr:nth-of-type(3) td {
 background: #C17830 !important;
 box-shadow: none;
}
.winners-table tbody tr {
  position: relative;
}
.winners-table tbody tr:nth-child(n+1):nth-child(-n+3):after {
  pointer-events: none;

  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  
  z-index: 5;
  background: repeating-linear-gradient(50deg, rgba(255, 255, 255, 0.35) 0%, rgb(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0.35) 30%);
}
</css>
<div class="mt-4 mb-3 sub-title headline lottery-concluded-text">
There are no lotteries right now! Enjoy the games and check the <a href="/lottery-winners">winners of the last lottery!</a>
</div>

Pressstartto earn money

How it works

Play Games and Complete Missions!