/* Break points */
/* Colors */
/* ====== */
/* Fonts */
@font-face {
  font-family: "Alphakind";
  src: url("../fonts/Alphakind.ttf") format("truetype"), url("../fonts/Alphakind.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.wrapper .page-tasks {
  background: url("../images/page-tasks-bg.avif") fixed no-repeat center center/cover;
}

.task-list {
  padding: 22px 0;
}
.task-list__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.task-list__title, .task-list__subtitle {
  text-align: center;
}
.task-list__tasks {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .task-list__tasks {
    gap: 16px;
  }
}