.container_ {
  margin: 0 auto;
  width: 200px;
  height: 200px;
  position: relative;
  perspective: 1000px;
}

.carousel_ {
  height: 100%;
  width: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 1s;
}

.item_ {
  display: block;
  position: absolute;
  background: #000;
  width: 200px;
  height: 200px;
  line-height: 200px;
  font-size: 5em;
  text-align: center;
  color: #FFF;
  opacity: 0.95;
  border-radius: 10px;
}

.selected_ {
  border-width: 2px;
  border-color: black;
  border-style: solid;
}

.a_ {
  transform: rotateY(0deg) translateZ(450px);
  background: transparent;
}
.b_ {
  transform: rotateY(12.857142857142858deg) translateZ(450px);
  background: transparent;
}
.c_ {
  transform: rotateY(25.714285714285715deg) translateZ(450px);
  background: transparent;
}
.d_ {
  transform: rotateY(38.571428571428569deg) translateZ(450px);
  background: transparent;
}
.e_ {
  transform: rotateY(51.428571428571431deg) translateZ(450px);
  background: transparent;
} 
.f_ {
  transform: rotateY(64.285714285714292deg) translateZ(450px);
  background: transparent;
}
.g_ {
  transform: rotateY(77.142857142857153deg) translateZ(450px);
  background: transparent;
}
.h_ {
  transform: rotateY(90.000000000000014deg) translateZ(450px);
  background: transparent;
}
.i_ {
  transform: rotateY(102.857142857142875deg) translateZ(450px);
  background: transparent;
}
.j_ {
  transform: rotateY(115.714285714285737deg) translateZ(450px);
  background: transparent;
}
.k_ {
  transform: rotateY(128.571428571428584deg) translateZ(450px);
  background: transparent;
}
.l_ {
  transform: rotateY(141.428571428571445deg) translateZ(450px);
  background: transparent;
}
.m_ {
  transform: rotateY(154.285714285714306deg) translateZ(450px);
  background: transparent;
}
.n_ {
  transform: rotateY(167.142857142857167deg) translateZ(450px);
  background: transparent;
}
.enye_ {
  transform: rotateY(180.000000000000028deg) translateZ(450px);
  background: transparent;
}
.o_ {
  transform: rotateY(192.857142857142890deg) translateZ(450px);
  background: transparent;
}
.p_ {
  transform: rotateY(205.714285714285751deg) translateZ(450px);
  background: transparent;
}
.q_ {
  transform: rotateY(218.571428571428612deg) translateZ(450px);
  background: transparent;
}
.r_ {
  transform: rotateY(231.428571428571473deg) translateZ(450px);
  background: transparent;
}
.s_ {
  transform: rotateY(244.285714285714334deg) translateZ(450px);
  background: transparent;
}
.t_ {
  transform: rotateY(257.142857142857167deg) translateZ(450px);
  background: transparent;
}
.u_ {
  transform: rotateY(270deg) translateZ(450px);
  background: transparent;
}
.v_ {
  transform: rotateY(282.857142857142833deg) translateZ(450px);
  background: transparent;
}
.w_ {
  transform: rotateY(295.714285714285666deg) translateZ(450px);
  background: transparent;
}
.x_ {
  transform: rotateY(308.571428571428498deg) translateZ(450px);
  background: transparent;
}
.y_ {
  transform: rotateY(321.428571428571331deg) translateZ(450px);
  background: transparent;
}
.z_ {
  transform: rotateY(334.285714285714164deg) translateZ(450px);
  background: transparent;
}
.aa_ {
  transform: rotateY(347.142857142856997deg) translateZ(450px);
  background: transparent;
}


.next_, .prev_ {
  color: white;
  position: absolute;
  top: 100px;
  padding: 1em 2em;
  cursor: pointer;
  background: black;
  border-radius: 5px;
  box-shadow: 0 5px 0 #999;
  transition: box-shadow 0.1s, top 0.1s;
}
.next_:hover, .prev_:hover { color: white; }
.next_:active, .prev_:active {
  top: 120px;
  box-shadow: 0 1px 0 #999;
}
.next_ { right: 5%; }
.prev_ { left: 5%; }