:root {
    --cassiopeia-color-primary: #4c7032;
    --cassiopeia-color-link: #4c7032;
    --cassiopeia-color-hover: #608147;

    --blue: #2c3644;
    --body-color: #042520;
  }

  .blog-item {
    display: block;
  }

  .image-half {
    width: 50%;
  }

  .image-third {
    width: 30%;
  }

  .h1, h1 {
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--cassiopeia-color-hover);
  }

.container-topbar {
  background-color: white;
}

.page-header {
  text-align: center;
}

.table th, .table td {
    vertical-align: top;
}

.table-omada tr td:first-child {
    width: 500px;
}

@keyframes slideUp {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.item-page, .blog-featured {
    opacity: 0;
    transform: translateY(100%);
    animation-name: slideUp;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}