@charset "utf-8";
/* CSS default */

.tablePart {
  margin: 3rem 0 3rem;
  display: block;
}

.scroll {
}

.tablePart th {
  background-color: var(--main-color-9);
  color: #4a4a4a;
  font-size: 1.2rem;
  padding: 0.8rem 0.8rem 0.8rem;
}

.tablePart tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}


#articlePart {
  margin-top: 20px;
  margin-bottom: 20px;
}

.picContainer {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
}

.picContainer img {
  max-width: 60%;
  height: auto;
}

/* Styles for the article container */
.articleContainer {
  text-align: center;
}

.articleTitle {
  font-size: 2rem; /* Set a larger font size for the title */
  margin-bottom: 20px; /* Add some space between title and body */
  color: var(--main-color-2);
}

.articleBody {
  line-height: 1.6; 
}

.contentPage {
 text-align: center;
 font-size: 1.5rem;
}

.message p {
 font-size:1.7rem;
}

/* Media query for tablets */
@media screen and (min-width: 510px) and (max-width: 959px) {
  .picContainer {
    max-width: 100%;
  }
  .picContainer img {
    max-width: 100%;
  }
  .articleContainer h4 {
      font-size: 1.6rem;
  }
}

/* Media query for phones */
@media screen and (max-width: 510px) {
  .scroll {
      width: calc(100vw);
  }
  .picContainer {
      max-width: 100%;
      flex-direction: column;
      align-content: center;
  }
  .picContainer img {
    max-width: calc(80%);
  }
  .body h2 {
    margin: 0rem 0 1.5rem;
    font-size: 1.2rem;
    padding: 0.8rem 0.8rem 0.8rem;
  }
    .articleContainer h4 {
      font-size: 1.6rem;
    }
  /* Adjust font size for smaller screens */
  .tablePart th, .tablePart td {
    font-size: 0.8em;
  }

}