:root[data-theme='light'] {
    --ActiveColor: var(--primary-light);
    --Active: var(--primary-light)

  }

  :root[data-theme='dark'],
  :root[data-theme='oled']
    {
    --ActiveColor: var(--primary-dark);
    --Active: var(--secondary)
  }

  .md h1
  {text-align: center;}

.CraftStandNav {
    display: flex;
    flex-direction: row;
    width: fit-content;
    margin-inline: auto;
    flex-wrap: wrap;
    margin-bottom:50px
}

.CraftStandNav a {
    padding: 3px 6px;
    list-style: none;
    margin-inline: 5px;
    text-decoration: none;
    color: var(--text);
    border-radius: 0.3rem;
    transition: background-color 0.3s ease
}

.CraftStandNav a:hover {
    background-color: var(--secondary-dark)
}

img {width: 100px;}

.Crafting tr th{border-radius: 0.3rem 0.3rem 0 0; border:0}

.Crafting{border: 0;}

.Crafting tr td{border-inline: 1px solid var(--text-lighter)}


.CraftingContainer{display: flex; flex-direction: row; flex-wrap: wrap;}
.CraftingContainer table{margin: 10px;}

.CraftingContainer{width: fit-content; margin-inline: auto;}