@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
.text-logo {
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-size: 30;
  color: black;
}

.text-heading-1 {
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: black;
}

.text-heading-2 {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  font-size: 28px;
  color: black;
}

.text-heading-3 {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: black;
}

.text-heading-4 {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: black;
}

.text-heading-5 {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: black;
}

.text-body {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: black;
}

.text-caption {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #000;
}
@media (max-width: 550px) {
  .text-caption {
    font-size: 9px;
  }
}

.SemiBold-common-text {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
}

.Bold-common-text {
  font-family: "Nunito", sans-serif;
  font-weight: 700;
}

.Regular-common-text {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
}

.Medium-common-text {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
}

.SemiBold-common-text-placeholder::placeholder {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
}

.explanation {
  color: #7A828A;
  font-size: 18px;
}

.section-cards-title-h2 {
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: black;
  text-align: center;
}

.footer-title-h3 {
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: black;
}

.footer-title-h4 {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: black;
}

.footer-link-text {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #363940;
  text-decoration: none;
}

.subtitle-font-h2 {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: black;
}

.subtitle-font-h3 {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: black;
}

.subtitle-font-h4 {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: black;
}

.subtitle-font-h5 {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: black;
}

.par-description-font {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: black;
}

.chapter-btn-text {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: black;
}

button.btnNoFill, .btnNoFill button,
a.btnNoFill, .btnNoFill a {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  color: black;
  font-size: 16px;
}

button.btnFill, .btnFill button,
a.btnFill, .btnFill a {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  color: white;
  font-size: 16px;
}

.title-book-card {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #000;
}
@media (max-width: 550px) {
  .title-book-card {
    font-size: 11px;
  }
}

.genre-book-card-font {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #000;
}
@media (max-width: 550px) {
  .genre-book-card-font {
    font-size: 9px;
  }
}

.authors-book-card-font {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #000;
}
@media (max-width: 550px) {
  .authors-book-card-font {
    font-size: 9px;
  }
}

.footer-book-card-font {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #000;
}
@media (max-width: 550px) {
  .footer-book-card-font {
    font-size: 12px;
  }
}

.sorting-text {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #000;
}
@media (max-width: 550px) {
  .sorting-text {
    font-size: 14px;
  }
}

.search-block-text {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #626264;
}
@media (max-width: 550px) {
  .search-block-text {
    font-size: 14px;
  }
}
.search-block-text::placeholder {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #626264;
}
@media (max-width: 550px) {
  .search-block-text::placeholder {
    font-size: 14px;
  }
}

.rating-book-page-text {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: black;
}

.font-navigation-menu {
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #2B2E35;
}

.book-stat-text {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: black;
}

.book-description-text {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: black;
}

.book-chapter-text {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: black;
}

.error-404-text {
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: black;
}

.popup-input-title {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #425466;
}

.test-progress-text {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #000;
}

.test-question-title {
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #000;
}

.test-answer-number {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: black;
}

.test-answer-text {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #000;
}

.test-result-text {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #000;
}

.test-result-info {
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #000;
}

.test-result-explanation {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #000;
}

.welcome-titles-text {
  color: white;
}

.pagination-numbers-text {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #363940;
}

.error-text {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: rgb(152, 25, 25);
}

.load-image-text {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: white;
}

.input-form-text {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #425466;
}