body,
html {
  font-size: 30px;
  padding: 0;
  margin: 0;
  background-color: #fff;
}

* {
  font-family: "Fjalla One", "sans-serif";
}

.counter {
  margin: 0 auto;
  position: relative;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 320px;
  height: 60px;
}

.counter .dot {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #F14A85;
  border-radius: 50%;
  top: 29px;
}

.counter .dot.dot-1 {
  left: 33px;
}

.counter .dot.dot-2 {
  left: 64px;
}

.counter .dot.dot-3 {
  left: 96px;
}

.counter .days,
.counter .hours,
.counter .minutes,
.counter .seconds {
  position: absolute;
  font-size: 20px;
  letter-spacing: -0.1px;
  top: 0;
  color: #000;
  text-align: center;
}

.counter .hours,
.counter .minutes,
.counter .seconds {
  font-weight: 400;
}

.counter .seconds {
  left: 104.6px;
}

.counter .days {
  font-weight: bold;
  left: 7px;
}

.counter .hours {
  left: 40.3px;
}

.counter .minutes {
  left: 71px;
}

.counter.after-votes .seconds,
.counter.after-votes .days,
.counter.after-votes .hours,
.counter.after-votes .minutes,
.counter.after-votes .dot {
  display: none;
}

@media screen and (min-width: 849px) {
  .counter .seconds,
  .counter .days,
  .counter .hours,
  .counter .minutes {
    font-size: 42px;
    top: 0;
  }
  .counter .days {
    left: 9px;
  }
  .counter .hours {
    left: 74px;
  }
  .counter .minutes {
    left: 137.5px;
  }
  .counter .seconds {
    left: 203.7px;
  }
  .counter .dot {
    width: 8px;
    height: 8px;
    top: 65px;
  }
  .counter .dot.dot-1 {
    left: 61px;
  }
  .counter .dot.dot-2 {
    left: 124px;
  }
  .counter .dot.dot-3 {
    left: 188px;
  }
}

.section.before-votes {
  background-image: url(../img/section_mobile_320_open.png);
}

.section.during-votes {
  background-image: url(../img/section_mobile_320_close.png);
}

.section.after-votes {
  background-image: url(../img/section_mobile_finished.png);
}

@media screen and (min-width: 849px) {
  .section {
    width: 1192px;
    height: 121.5px;
  }
  .section.before-votes {
    background-image: url(../img/section_desktop_1192_open.png);
  }
  .section.during-votes {
    background-image: url(../img/section_desktop_1192_close.png);
  }
  .section.after-votes {
    background-image: url(../img/section_desktop_finished.png);
  }
}

.article {
  cursor: pointer;
}

.article.before-votes {
  background-image: url(../img/article_mobile_320_open.png);
}

.article.after-votes {
  background-image: url(../img/article_mobile_finished.png);
}

.article.during-votes {
  background-image: url(../img/article_mobile_320_close.png);
}

@media screen and (min-width: 849px) {
  .article {
    width: 850px;
    height: 121.5px;
  }
  .article.before-votes {
    background-image: url(../img/article_desktop_850_open.png);
  }
  .article.after-votes {
    background-image: url(../img/article_desktop_finished.png);
  }
  .article.during-votes {
    background-image: url(../img/article_desktop_850_close.png);
  }
}
/*# sourceMappingURL=main.css.map */