.container {
  max-width: 1024px;
  margin: 0 auto;
}

a {
  text-decoration: none;
  color: #333;
}

.pagination {
  border-radius: 10px;
}

.pagination li a,
.pagination li span {
  display: block;
  padding: 0.375rem 0.75rem;
  border: 1px solid #eee;
}

.pagination li:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1);
}

.pagination li a:hover {
  background: #eee;
}

.pagination .active {
  color: rgba(220, 53, 69);
}

.body-style {
  /* background: repeating-linear-gradient(45deg,
      #f0f0f0,
      #f0f0f0 10px,
      #ffffff 10px,
      #ffffff 20px); */
}

.header-style {
  background: linear-gradient(to right,
      rgba(255, 0, 0, 0.3) 0%,
      rgba(255, 127, 0, 0.3) 16.666%,
      rgba(255, 255, 0, 0.3) 33.333%,
      rgba(0, 255, 0, 0.3) 50%,
      rgba(0, 0, 255, 0.3) 66.666%,
      rgba(75, 0, 130, 0.3) 83.333%,
      rgba(143, 0, 255, 0.3) 100%)
}