#hat {
  grid-column: 3 / span 2;
  grid-row: 1;
  background-size: initial;
  background-repeat: no-repeat;
  background-position: center;
}

#top {
  grid-column: 3 / span 2;
  grid-row: 4 / span 3;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  animation: breathing 5s infinite;
}

#weapon {
  grid-column: 1 / span 2;
  grid-row: 2 / span 5;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#shield {
  grid-column: 5 / span 2;
  grid-row: 3 / span 3;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.startHat {
  background-image: url("../images/stuff/startHat.png");
}

.startShirt {
  background-image: url("../images/stuff/startShirt.png");
}

.bambou {
  background-image: url("../images/stuff/bambou.png");
}

.black-T-shirt {
  background-image: url("../images/stuff/blackTshirt.png");
}

.rolling-pin {
  background-image: url("../images/stuff/rollingPin.png");
}

.hammer-small {
  background-image: url("../images/stuff/hammerSmall.png");
}

.dark-small-sword {
  background-image: url("../images/stuff/dark-small-sword.png");
}
#dark-small-sword {
  background: url("../images/stuff/dark-small-sword.png") center center
    no-repeat;
  background-size: contain;
}

.white-sword {
  background-image: url("../images/stuff/white-sword.png");
}

.small-Axe {
  background-image: url("../images/stuff/small-Axe.png");
}

.good-t-shirt {
  background-image: url("../images/stuff/good-t-shirt.png");
}

.basic-shield {
  background-image: url("../images/stuff/shield.png");
}

.Iron {
  background-image: url("../images/stuff/Iron.png");
}

.Wooden {
  background-image: url("../images/stuff/Wooden.png");
}

/* .axeSmall {
    background-image: url("../images/stuff/axeSmall.png");
    grid-column: 1;
    grid-row: 2 / span 3;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
} */