.vh-14 {
  height: 14vh !important;
}

.font-montserrat {
  font-family: "Montserrat", sans-serif;
}

.border-2 {
  border-width: 2px !important;
}

.main-background:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url("../img/countdown-background.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.countdown-square {
  width: 120px;
  height: 120px;
}

.pixel-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -9;
  background: url("../img/pattern.png");
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.text-shadow-dark {
  text-shadow: 2px 2px var(--dark);
}

.text-shadow-white {
  text-shadow: 2px 2px var(--white);
}

.title-topbar:before {
  width: 32px;
  content: " ";
  position: absolute;
  border-top: solid 4px var(--primary);
  left: 0;
  top: 0;
}

.text-rainbow {
  background: red;
  background: -webkit-linear-gradient(
    left,
    red,
    orange,
    yellow,
    green,
    cyan,
    violet
  );
  background: -o-linear-gradient(
    right,
    red,
    orange,
    yellow,
    green,
    blue,
    violet
  );
  background: -moz-linear-gradient(
    right,
    red,
    orange,
    yellow,
    green,
    blue,
    violet
  );
  background: linear-gradient(
    to right,
    red,
    orange,
    yellow,
    green,
    blue,
    violet
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}