@import url(http://fonts.googleapis.com/css?family=Anaheim);*,:after,:before{box-sizing:inital}img,img:hover{-webkit-filter:grayscale(0)}*{margin:0;padding:0;outline:0;border:none}body,html{min-height:100%}body{background-image:radial-gradient(mintcream 0,#d3d3d3 100%)}h1{display:table;margin:5% auto 0;text-transform:uppercase;font-family:Anaheim,sans-serif;font-size:4em;font-weight:400;text-shadow:0 1px,0 2px #000}.container1{margin:4% auto;width:210px;height:140px;position:relative;perspective:1000px}#carousel{width:100%;height:100%;position:absolute;transform-style:preserve-3d;animation:rotation 20s infinite linear}#carousel:hover{animation-play-state:paused}#carousel figure{display:block;position:absolute;width:90%;height:50%px;left:10px;top:10px;background:#000;overflow:hidden;border:5px solid #000}#carousel figure:nth-child(1){transform:rotateY(0) translateZ(288px)}#carousel figure:nth-child(2){transform:rotateY(40deg) translateZ(288px)}#carousel figure:nth-child(3){transform:rotateY(80deg) translateZ(288px)}#carousel figure:nth-child(4){transform:rotateY(120deg) translateZ(288px)}#carousel figure:nth-child(5){transform:rotateY(160deg) translateZ(288px)}#carousel figure:nth-child(6){transform:rotateY(200deg) translateZ(288px)}#carousel figure:nth-child(7){transform:rotateY(240deg) translateZ(288px)}#carousel figure:nth-child(8){transform:rotateY(280deg) translateZ(288px)}#carousel figure:nth-child(9){transform:rotateY(320deg) translateZ(288px)}img{cursor:pointer;transition:all .5s ease}img:hover{transform:scale(1.2,1.2)}@keyframes rotation{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}