
.item-ui {
    border: #25035c 2px solid;
    background-color: #110211;
    border-radius: 5px;
    padding: 10px;
    /* responsive height and width */
    width: 100%;
    height: 100%;
}

.item-ui > .title {
    font-size: 18px;
    margin-bottom: 0px;
}

.item-ui > .description {
    font-size: 18px;
    margin-bottom: 0px;
}

.item-ui > .tag {
    font-size: 18px;
    margin-bottom: 0px;
}

.item-ui > img {
    margin-bottom: 5px;
}

.color4 {
   color: #aa0000; 
}

.colorC {
    color: #ff5555;
}

.color6 {
    color: #ffaa00;
}

.colorE {
    color: #ffff55;
}

.color2 {
    color: #00aa00;
}

.colorA {
    color: #55ff55;
}

.color3 {
    color: #00aaaa;
}

.colorB {
    color: #55ffff;
}

.color1 {
    color: #0000aa;
}

.color9 {
    color: #5555ff;
}

.color5 {
    color: #aa00aa;
}

.colorD {
    color: #ff55ff;
}

.colorF { 
    color: #ffffff;
}

.color7 {
    color: #aaaaaa;
}

.color8 {
    color: #555555;
}

.color0 {
    color: #000000;
}

.colorZombPot {
    color: #5f7d48;
}

.formatR {
    font-family: 'Minecraft';
}

.formatL {
    font-family: 'MinecraftBold';
}

.formatM {
    text-decoration: line-through;
}

.formatN {
    text-decoration: underline;
}

.formatO {
    font-family: 'MinecraftItalic';
}

.formatOL {
    font-family: 'MinecraftBoldItalic';
}

/* CraftRenderer.css */

.item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3rem;
  gap: 1rem;
}

@media (min-width: 768px) {
  .item {
    flex-direction: row;
    align-items: center;
  }
}

.item-image {
  margin-right: 1rem;
  min-width: 250px;
}

.item-image img {
  width: 100%;
  height: auto;
  display: block;
}

.item-ui {
  text-align: center;
}

@media (min-width: 768px) {
  .item-ui {
    text-align: left;
  }
}

.title {
  margin: 0;
  padding: 0;
}

.description {
  margin: 0;
  padding: 0;
}

.tag {
  margin: 0;
  padding: 0;
  display: inline-block;
}

/* Estilos extra que usas */
.anchor {
  display: block;
  position: relative;
  top: -80px; /* Por si tienes navbar fija */
  visibility: hidden;
}

.big-centered-number {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 0;
}

/* Simulación de algunas clases de color / formato */
.color8 {
  color: #b87eff;
}

.formatR {
  font-family: 'Minecraftia', monospace;
  font-weight: 700;
}

/* Márgenes laterales simulando me-3 / ms-2 de Bootstrap */
.me-3 {
  margin-right: 1rem;
}

.ms-2 {
  margin-left: 0.5rem;
}
