* {
    box-sizing: border-box;
}

body {
    font-family: sans-serif;
    text-align: center;
}

.sceneKarusell {
    opacity: 0.04;
    border: 1px solid #CCC;
    margin: 40px 0;
    position: relative;
    width: 94px;
    height: 94px;
    margin: 80px auto;
    perspective: 600px;
}

.carousel {
    top: 220px;
    width: 100%;
    height: 100%;
    position: absolute;
    transform: translateZ(-288px);
    transform-style: preserve-3d;
    transition: transform .8s;
}

.carousel2 {
    top: 130px;
    width: 100%;
    height: 100%;
    position: absolute;
    transform: translateZ(-288px);
    transform-style: preserve-3d;
    transition: transform 4s;
}

.carousel3 {
    left: 17px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    transform: translateZ(-888px);
    transform-style: preserve-3d;
    transition: transform 8s;
}

.carousel__cell {
    background-color: rgba(180, 113, 31, 0.94);
    position: absolute;
    width: 75px;
    height: 75px;
    left: 10px;
    top: 10px;
    border: 2px solid black;
    line-height: 73px;
    font-size: 45px;
    font-weight: bold;
    color: black;
    text-align: center;
    transition: transform 1s, opacity 1s;
}

.carousel__cell2 {
    background-color: rgba(180, 113, 31, 0.94);
    position: absolute;
    width: 75px;
    height: 75px;
    left: 10px;
    top: 10px;
    border: 2px solid black;
    line-height: 73px;
    font-size: 45px;
    font-weight: bold;
    color: black;
    text-align: center;
    transition: transform 1s, opacity 1s;
}

.carousel__cell3 {
    background-color: rgba(180, 113, 31, 0.94);
    position: absolute;
    width: 121px;
    height: 70px;
    left: 10px;
    top: 10px;
    border: 2px solid black;
    line-height: 68px;
    font-size: 60px;
    font-weight: bold;
    color: black;
    text-align: center;
    transition: transform 1s, opacity 1s;
}

.carousel__cell:nth-child(1) {
    transform: rotateY( 0deg) translateZ(288px);
}

.carousel__cell:nth-child(2) {
    transform: rotateY( 40deg) translateZ(288px);
}

.carousel__cell:nth-child(3) {
    transform: rotateY( 80deg) translateZ(288px);
}

.carousel__cell:nth-child(4) {
    transform: rotateY(120deg) translateZ(288px);
}

.carousel__cell:nth-child(5) {
    transform: rotateY(160deg) translateZ(288px);
}

.carousel__cell:nth-child(6) {
    transform: rotateY(200deg) translateZ(288px);
}

.carousel__cell:nth-child(7) {
    transform: rotateY(240deg) translateZ(288px);
}

.carousel__cell:nth-child(8) {
    transform: rotateY(280deg) translateZ(288px);
}

.carousel__cell:nth-child(9) {
    transform: rotateY(320deg) translateZ(288px);
}

.carousel__cell2:nth-child(1) {
    transform: rotateY( 0deg) translateZ(288px);
}

.carousel__cell2:nth-child(2) {
    transform: rotateY( 40deg) translateZ(288px);
}

.carousel__cell2:nth-child(3) {
    transform: rotateY( 80deg) translateZ(288px);
}

.carousel__cell2:nth-child(4) {
    transform: rotateY(120deg) translateZ(288px);
}

.carousel__cell2:nth-child(5) {
    transform: rotateY(160deg) translateZ(288px);
}

.carousel__cell2:nth-child(6) {
    transform: rotateY(200deg) translateZ(288px);
}

.carousel__cell2:nth-child(7) {
    transform: rotateY(240deg) translateZ(288px);
}

.carousel__cell2:nth-child(8) {
    transform: rotateY(280deg) translateZ(288px);
}

.carousel__cell2:nth-child(9) {
    transform: rotateY(320deg) translateZ(288px);
}

.carousel-options {
    text-align: center;
    position: relative;
    z-index: 2;
    background: hsla(0, 0%, 100%, 0.8);
}

.carousel__cell3:nth-child(1) {
    transform: rotateY( 0deg) translateZ(288px);
}

.carousel__cell3:nth-child(2) {
    transform: rotateY( 40deg) translateZ(288px);
}

.carousel__cell3:nth-child(3) {
    transform: rotateY( 80deg) translateZ(288px);
}

.carousel__cell3:nth-child(4) {
    transform: rotateY(120deg) translateZ(288px);
}

.carousel__cell3:nth-child(5) {
    transform: rotateY(160deg) translateZ(288px);
}

.carousel__cell3:nth-child(6) {
    transform: rotateY(200deg) translateZ(288px);
}

.carousel__cell3:nth-child(7) {
    transform: rotateY(240deg) translateZ(288px);
}

.carousel__cell3:nth-child(8) {
    transform: rotateY(280deg) translateZ(288px);
}

.carousel__cell3:nth-child(9) {
    transform: rotateY(320deg) translateZ(288px);
}