.main-pomodoro {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 68vh;
  min-height: 480px;
  background-color: var(--main-background-color);
}
.main-pomodoro .timer {
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: 130pt;
  color: var(--main-text-color);
}
.main-pomodoro .style-display {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.main-pomodoro .style-display h4 {
  font-size: 24pt;
  color: var(--main-text-color);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.main-pomodoro .style-display h3 {
  font-size: 30pt;
  color: var(--main-text-color);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.main-pomodoro .start-pomodoro {
  margin-top: 6vh;
  width: 30vw;
  height: 8vh;
  font-family: var(--title-font);
  font-weight: 700;
  background: var(--second-color);
  border-radius: 24px;
  font-size: 5vh;
  color: white;
}

.pomodoro-counter {
  position: absolute;
  top: 29vh;
  color: var(--pomodoro-counter-text-color);
}
.pomodoro-counter ul li {
  display: flex;
  list-style-type: none;
  margin-top: 2vh;
  font-size: 15pt;
}
.pomodoro-counter ul li .separator {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0px 0.5vw;
}
.pomodoro-counter ul li .quantity {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--lightest-color);
  height: 30px;
  width: 30px;
  border-radius: 100%;
  font-family: var(--title-font);
  font-weight: 700;
  color: var(--main-text-color);
}

@media (max-width: 991.98px) {
  .pomodoro-counter {
    position: initial;
    padding-bottom: 5vh;
  }
}
@media (max-width: 576px) {
  .main-pomodoro {
    height: auto;
    margin: 3vh 0px;
  }
  .main-pomodoro .timer {
    font-size: 80pt;
  }
  .main-pomodoro .start-pomodoro {
    font-size: 13pt;
  }
}/*# sourceMappingURL=pomodoro-styles.css.map */