*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}body{color:#333;font-size:62.4%;height:100vh;margin:0 10px;place-content:center;text-align:center}h1{font-size:2.4em;margin:10px 0}p{font-size:1.6em;line-height:1.5em;margin:0 0 10px}.panels-wrapper{height:480px;margin:20px auto 0;width:300px}.panel{cursor:pointer;display:block;height:138px;margin-top:-2px;position:relative;width:100%;z-index:1}.panel1{margin-top:0;z-index:3}.panel1,.panel1 .option-border{height:214px}.panel2{z-index:2}.panel3,.panel3 .option-border{height:132px}.panel-options{cursor:pointer;display:inline-block;height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .25s ease-out;width:100%}.panel-option1,.panel-option2,.panel-option3,.panel-option4{height:100%;left:0;position:absolute;top:0;width:100%}.panel-option1{transform:rotateY(0deg) translateZ(150px)}.panel-option2{transform:rotateY(90deg) translateZ(150px)}.panel-option3{transform:rotateY(180deg) translateZ(150px)}.panel-option4{transform:rotateY(270deg) translateZ(150px)}.panel-options.rotation-0 .panel-option3,.panel-options.rotation-0.rotate-left .panel-option2,.panel-options.rotation-0.rotate-right .panel-option4,.panel-options.rotation-1 .panel-option2,.panel-options.rotation-1.rotate-left .panel-option1,.panel-options.rotation-1.rotate-right .panel-option3,.panel-options.rotation-2 .panel-option1,.panel-options.rotation-2.rotate-left .panel-option4,.panel-options.rotation-2.rotate-right .panel-option2,.panel-options.rotation-3 .panel-option4,.panel-options.rotation-3.rotate-left .panel-option3,.panel-options.rotation-3.rotate-right .panel-option1{display:none}.option-border{border:2px solid #333;height:138px;left:0;position:absolute;top:0;width:100%}.option{background-position:50%;background-repeat:no-repeat;background-size:100%;display:block;height:100%;margin-top:2px;width:100%}.option-head1{background-image:url(options/head1.png)}.option-head2{background-image:url(options/head2.png);height:229px}.option-head3{background-image:url(options/head3.png)}.option-head4{background-image:url(options/head4.png)}.option-body1{background-image:url(options/body1.png);height:170px;margin-top:-28px}.option-body2{background-image:url(options/body2.png);height:165px;margin-top:-29px}.option-body3{background-image:url(options/body3.png);height:273px;margin-top:-96px}.option-body4{background-image:url(options/body4.png);height:270px;margin-top:-55px}.option-legs1{background-image:url(options/legs1.png)}.option-legs2{background-image:url(options/legs2.png)}.option-legs3{background-image:url(options/legs3.png)}.option-legs4{background-image:url(options/legs4.png)}