@import "~styles/mixins";

.static-page {
  @include container;
  max-width: 1000px;
  padding-top: 50px;
  padding-bottom: 50px;

  h1 {
    text-align: center;
  }

  h2,
  h3,
  h4,
  h5,
  h6 {
    @include mainTitle;
    margin-top: 20px;
  }
  h1 {
    font-size: 32px;
  }
  h2 {
    font-size: 26px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 22px;
  }

  p {
    font-size: 16px;
  }

  table {
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.07);
    margin: 15px auto;
    tr {
      border-bottom: 1px solid $color_border;
      &:nth-child(2n + 1) {
        background-color: rgb(250, 250, 250);
      }
      &:first-child {
        background-color: $color_primary;
        color: white;
        border: none;
      }
      &:last-child {
        border: none;
      }
    }
    td,
    th {
      padding: 8px 16px;
    }
  }
}
