.carousel-wrapper {
  min-width: 170px;
  min-height: 130px;
  position: relative;
  margin: 0 auto;
}
.carousel-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 25px 50px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  border-radius: 1%;
  height: 100%;
  margin: 0 auto;
}

.arrow {
  border: solid rgba(0, 0, 0, 0.473);
  border-radius: 3px;
  border-width: 5px 0px 0px 5px;
  display: inline-block;
  padding: 12px;
}

.arrow-prev {
  left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

.arrow-next {
  right: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
}

.light {
  color: white;
}

@media (max-width: 480px) {
  .arrow,
  .light .arrow {
    background-size: 10px;
    background-position: 10px 50%;
  }
}

/*Select every element*/
[id^='item'] {
  display: none;
}

.item-bank-1 {
  z-index: 2;
  opacity: 1;
  background: url(../img/bank/bank-1.png);
  background-size: cover;
}
.item-bank-2 {
  background: url(../img/bank/bank-2.png);
  background-size: cover;
}
.item-bank-3 {
  background: url(../img/bank/bank-3.png);
  background-size: cover;
}

.item-bank-4 {
  background: url(../img/bank/bank-4.png);
  background-size: cover;
}

.item-bank-5 {
  background: url(../img/bank/bank-5.png);
  background-size: cover;
}

.item-bank-6 {
  background: url(../img/bank/bank-6.png);
  background-size: cover;
}

*:target ~ .item-bank-1 {
  opacity: 0;
}

#item-bank-1:target ~ .item-bank-1,
#item-bank-2:target ~ .item-bank-2,
#item-bank-3:target ~ .item-bank-3,
#item-bank-4:target ~ .item-bank-4,
#item-bank-5:target ~ .item-bank-5,
#item-bank-6:target ~ .item-bank-6 {
  z-index: 3;
  opacity: 1;
}

.item-bookstore-1 {
  z-index: 2;
  opacity: 1;
  background: url(../img/bookstore/bookstore-1.png);
  background-size: cover;
}
.item-bookstore-2 {
  background: url(../img/bookstore/bookstore-2.png);
  background-size: cover;
}
.item-bookstore-3 {
  background: url(../img/bookstore/bookstore-3.png);
  background-size: cover;
}

.item-bookstore-4 {
  background: url(../img/bookstore/bookstore-4.png);
  background-size: cover;
}

.item-bookstore-5 {
  background: url(../img/bookstore/bookstore-5.png);
  background-size: cover;
}

.item-bookstore-6 {
  background: url(../img/bookstore/bookstore-6.png);
  background-size: cover;
}

*:target ~ .item-bookstore-1 {
  opacity: 0;
}

#item-bookstore-1:target ~ .item-bookstore-1,
#item-bookstore-2:target ~ .item-bookstore-2,
#item-bookstore-3:target ~ .item-bookstore-3,
#item-bookstore-4:target ~ .item-bookstore-4,
#item-bookstore-5:target ~ .item-bookstore-5,
#item-bookstore-6:target ~ .item-bookstore-6 {
  z-index: 3;
  opacity: 1;
}

.item-secret-number-game-1 {
  z-index: 2;
  opacity: 1;
  background: url(../img/secret-number-game/secret-number-game-1.png);
  background-size: cover;
}
.item-secret-number-game-2 {
  background: url(../img/secret-number-game/secret-number-game-2.png);
  background-size: cover;
}
.item-secret-number-game-3 {
  background: url(../img/secret-number-game/secret-number-game-3.png);
  background-size: cover;
}

.item-secret-number-game-4 {
  background: url(../img/secret-number-game/secret-number-game-4.png);
  background-size: cover;
}

*:target ~ .item-secret-number-game-1 {
  opacity: 0;
}

#item-secret-number-game-1:target ~ .item-secret-number-game-1,
#item-secret-number-game-2:target ~ .item-secret-number-game-2,
#item-secret-number-game-3:target ~ .item-secret-number-game-3,
#item-secret-number-game-4:target ~ .item-secret-number-game-4 {
  z-index: 3;
  opacity: 1;
}

.item-beershop-1 {
  z-index: 2;
  opacity: 1;
  background: url(../img/beershop/beershop-1.png);
  background-size: cover;
}
.item-beershop-2 {
  background: url(../img/beershop/beershop-2.png);
  background-size: cover;
}
.item-beershop-3 {
  background: url(../img/beershop/beershop-3.png);
  background-size: cover;
}

.item-beershop-4 {
  background: url(../img/beershop/beershop-4.png);
  background-size: cover;
}

*:target ~ .item-beershop-1 {
  opacity: 0;
}

#item-beershop-1:target ~ .item-beershop-1,
#item-beershop-2:target ~ .item-beershop-2,
#item-beershop-3:target ~ .item-beershop-3,
#item-beershop-4:target ~ .item-beershop-4 {
  z-index: 3;
  opacity: 1;
}

.item-todo-1 {
  z-index: 2;
  opacity: 1;
  background: url(../img/todo-app/todo-app-1.png);
  background-size: cover;
}
.item-todo-2 {
  background: url(../img/todo-app/todo-app-2.png);
  background-size: cover;
}
.item-todo-3 {
  background: url(../img/todo-app/todo-app-3.png);
  background-size: cover;
}

*:target ~ .item-todo-1 {
  opacity: 0;
}

#item-todo-1:target ~ .item-todo-1,
#item-todo-2:target ~ .item-todo-2,
#item-todo-3:target ~ .item-todo-3 {
  z-index: 3;
  opacity: 1;
}