.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-danger {
  color: #ff0000;
}

.breadcrumbs .breadcrumb-divider {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

table {
  border-collapse: collapse;
  width: 100%;
}
table td {
  border: 3px ridge;
  padding: 5px;
}

hr.divider {
  background-color: black;
  background: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet, red);
  height: 3px;
  border: 0;
  max-width: 500px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.top-link {
  margin-top: 30px;
  margin-bottom: 30px;
}

.plain-container {
  max-width: 60rem;
  margin: auto;
}

.projects-table {
  margin-top: 2rem;
}
.projects-table .project-icon {
  min-width: 100px;
}
.projects-table .project-icon .icon-wrap {
  display: flex;
  aspect-ratio: 1;
  align-items: center;
}
.projects-table .project-icon .icon-wrap img {
  max-width: 100px;
  max-height: 100px;
  margin: auto;
}
.projects-table .project-description {
  width: 100%;
  padding: 1em;
}

.logs td {
  padding: 1em;
}

.navigation-link-tabs {
  display: flex;
  border-bottom: 1px solid black;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.navigation-link-tabs a {
  padding: 0.5rem;
  margin-bottom: -1px;
}
.navigation-link-tabs a.active {
  border: 1px solid black;
  border-bottom: 1px solid white;
}
.navigation-link-tabs a:not(.active) {
  border-bottom: 1px solid black;
}

.pagination .flex > .flex.justify-between.flex-1 {
  display: none;
}
.pagination .flex > div {
  font-size: 1.2em;
  text-align: center;
}
.pagination .flex > div p {
  display: none;
}
.pagination .flex > div .relative.z-0.inline-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .flex > div .relative.z-0.inline-flex > a, .pagination .flex > div .relative.z-0.inline-flex span {
  width: 1em;
}

.image-block .image-thumb {
  display: inline-block;
  padding: 0.5em;
}

.project-image-wrapper img {
  max-width: 100%;
}