body{margin:0;padding:0;font:400 40px/50px Arial,sans-serif;color:#999;color:#fff}p{height:50px;float:left;margin-right:.3em}b{float:left;overflow:hidden;position:relative;height:50px}span1{display:inline-block;color:#e74c3c;position:relative;white-space:nowrap;top:0;left:0;-webkit-animation:move 5s;animation:move 5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes move{0%{top:0}20%{top:-50px}40%{top:-100px}60%{top:-150px}80%{top:-200px}}@keyframes move{0%{top:0}20%{top:-50px}40%{top:-100px}60%{top:-150px}80%{top:-200px}}.container{width:200px;height:100px;padding-top:100px;margin:0 auto}.ball{width:10px;height:10px;margin:10px auto;border-radius:50px}.ball:nth-child(1){background:#ff005d;-webkit-animation:right 1s infinite ease-in-out;animation:right 1s infinite ease-in-out}.ball:nth-child(2){background:#35ff99;-webkit-animation:left 1.1s infinite ease-in-out;animation:left 1.1s infinite ease-in-out}.ball:nth-child(3){background:#008597;-webkit-animation:right 1.05s infinite ease-in-out;animation:right 1.05s infinite ease-in-out}.ball:nth-child(4){background:#fc0;-webkit-animation:left 1.15s infinite ease-in-out;animation:left 1.15s infinite ease-in-out}.ball:nth-child(5){background:#2d3443;-webkit-animation:right 1.1s infinite ease-in-out;animation:right 1.1s infinite ease-in-out}.ball:nth-child(6){background:#ff7c35;-webkit-animation:left 1.05s infinite ease-in-out;animation:left 1.05s infinite ease-in-out}.ball:nth-child(7){background:#4d407c;-webkit-animation:right 1s infinite ease-in-out;animation:right 1s infinite ease-in-out}@-webkit-keyframes right{0%{-webkit-transform:translate(-15px)}50%{-webkit-transform:translate(15px)}100%{-webkit-transform:translate(-15px)}}@-webkit-keyframes left{0%{-webkit-transform:translate(15px)}50%{-webkit-transform:translate(-15px)}100%{-webkit-transform:translate(15px)}}@keyframes right{0%{-webkit-transform:translate(-15px);-ms-transform:translate(-15px);transform:translate(-15px)}50%{-webkit-transform:translate(15px);-ms-transform:translate(15px);transform:translate(15px)}100%{-webkit-transform:translate(-15px);-ms-transform:translate(-15px);transform:translate(-15px)}}@keyframes left{0%{-webkit-transform:translate(15px);-ms-transform:translate(15px);transform:translate(15px)}50%{-webkit-transform:translate(-15px);-ms-transform:translate(-15px);transform:translate(-15px)}100%{-webkit-transform:translate(15px);-ms-transform:translate(15px);transform:translate(15px)}}.wrapper{-webkit-perspective:1000px;-ms-perspective:1000px;perspective:1000px;margin:4em auto;width:37em}.wrapper,.wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrapper:hover .inner{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.inner{-webkit-transition:.3s;transition:.3s;-webkit-transform:rotateY(40deg);-ms-transform:rotateY(40deg);transform:rotateY(40deg)}.inner figure{-webkit-box-shadow:-6px 6px 2px -3px rgba(100,100,100,.1);box-shadow:-6px 6px 2px -3px rgba(100,100,100,.1);width:11em;padding:1em;display:inline-block;margin-right:1em;background:rgba(250,200,200,.1);border:1px solid rgba(250,200,200,.5)}.inner figcaption{text-align:center;margin:.5em 0;font-family:sans-serif;font-weight:700;color:#f92600}.inner img{display:block;height:auto;max-width:100%;margin:0 auto;-webkit-filter:sepia(75%)}