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

.header {
  height: 50px;
  background-image: linear-gradient(to top, #a9cf52, #91c42a);
  width: 100%;
  position: fixed;
}

/* table */
.table {
  --bs-table-striped-bg: #f9f9f9;
  border: solid 1px #ccd0cf;
}
thead {
  background: #f0efef;
}
.table td,
.table th {
  border: none;
}
.table.table-condensed {
  border: 1px solid #ccd0cf;
}
.table .cell-highlight {
  background: #ffd3d3;
}
.table-striped > tbody > tr.cell-highlight:nth-of-type(odd) {
  --bs-table-striped-bg: #ffd3d3;
}
.table > :not(caption) > * > * {
  padding: 1rem 0.5rem;
}

/* text */
.text-highlight {
  color: #ff0000 !important;
}
.text-grey {
  color: #6b6b6b !important;
}
.text-metal {
  color: #e7be09 !important;
}
.text-wood {
  color: #0fbd00 !important;
}
.text-water {
  color: #01b9cc !important;
}
.text-fire {
  color: #ff0000 !important;
}
.text-earth {
  color: #bf7408 !important;
}
.text-metal-light {
  color: #fcb603 !important;
}
.text-wood-light {
  color: #78d570 !important;
}
.text-water-light {
  color: #00cde2 !important;
}
.text-fire-light {
  color: #fa6666 !important;
}
.text-earth-light {
  color: #caa775 !important;
}

.fs-7 {
  font-size: 0.8rem;
}
.vertical-text {
    writing-mode: unset;
}
.horizontal-text {
  writing-mode: horizontal-tb;
}
.letter-spacing-8 {
  letter-spacing: 8px;
}

.mobile-show {
    display: block;
}

.mobile-hide {
    display: none;
}

@media (min-width: 768px) {
    .fixed {
        position: initial;
    }
}

@media (min-width: 1024px) {
    .fixed {
        position: fixed;
        right: 0px;
    }
    .vertical-text {
        writing-mode: vertical-lr;
    }
    .mobile-show{
        display: none;
    }
    .mobile-hide {
        display: flex;
    }
}