body {
  background-image: url('images/stars.gif');
}

.main-header {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;

  text-align: center;
}

.main-section {
  max-width: 854px;
  margin-left: auto;
  margin-right: auto;

  text-align: center;
}

.main-welcome {
  margin-top: 25px;
  margin-bottom: 25px;

  color: red;

  font-size: 24px;
}

.main-small {
  font-size: 18px;
}

.main-sniff {
  margin-top: 50px;
  margin-bottom: 50px;

  text-align: center;
}

.sniff {
  width: 120px;
  height: auto;
}

.counter {
  text-align: center;
}

.c {
  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100vw;

  height: 100vh;
  pointer-events: none;
}

.blinking{
  animation: blinkingText 0.8s infinite;
}

@keyframes blinkingText{
  0%{     opacity: 0.5;    }
  49%{    opacity: 1; }
  50%{    opacity: 1; }
  99%{    opacity: 1;  }
  100%{   opacity: 0.5;    }
}


.trail { /* className for the trail elements */
  position: absolute;
  height: 24px; width: 24px;
  background-image: url(images/wins.png);
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}