#base{-webkit-transform-style:preserve-3d;position:absolute;top:50%;left:50%;height:100px;width:100px;background-color:#000;-webkit-transform:translate(-50%,-50%) rotateX(90deg);-webkit-animation:anim 3s linear infinite}@-webkit-keyframes anim{0%{-webkit-transform:translate(-50%,-50%) rotateX(90deg) rotate(0deg)}15%{-webkit-transform:translate(-50%,-50%) rotateX(90deg) rotate(0deg)}25%{-webkit-transform:translate(-50%,-50%) rotateX(90deg) rotate(90deg)}40%{-webkit-transform:translate(-50%,-50%) rotateX(90deg) rotate(90deg)}50%{-webkit-transform:translate(-50%,-50%) rotateX(90deg) rotate(180deg)}65%{-webkit-transform:translate(-50%,-50%) rotateX(90deg) rotate(180deg)}75%{-webkit-transform:translate(-50%,-50%) rotateX(90deg) rotate(270deg)}90%{-webkit-transform:translate(-50%,-50%) rotateX(90deg) rotate(270deg)}to{-webkit-transform:translate(-50%,-50%) rotateX(90deg) rotate(1turn)}}#loving{-webkit-transform:translate(-50%,100%);text-align:center;font:2em Pacifico;color:#000}#loving,.f11{position:absolute;top:50%;left:50%}.f11{height:70px;width:32px;overflow:hidden;-webkit-transform-style:preserve-3d;-webkit-transform-origin:0 50%;-webkit-transform:translateY(-50%) rotateX(-90deg)}.f11:after{content:"";position:absolute;left:-15px;border-top-left-radius:30px;border-top-right-radius:50px;width:40px;height:60px;-webkit-transform:rotate(45deg);-webkit-animation:c1 3s linear infinite}@-webkit-keyframes c1{0%{background-color:#de1a00}15%{background-color:#de1a00}25%{background-color:#de1a00}30%{background-color:#33a93b}40%{background-color:#33a93b}50%{background-color:#33a93b}65%{background-color:#33a93b}75%{background-color:#33a93b}90%{background-color:#de1a00}to{background-color:#de1a00}}@-webkit-keyframes c2{0%{background-color:#ffcf00}15%{background-color:#ffcf00}25%{background-color:#ffcf00}30%{background-color:#ffcf00}40%{background-color:#ffcf00}50%{background-color:#194dc5}65%{background-color:#194dc5}75%{background-color:#194dc5}90%{background-color:#194dc5}to{background-color:#de1a00}}.f12{left:50%;top:50%;height:70px;width:32px;overflow:hidden;-webkit-transform-style:preserve-3d;-webkit-transform-origin:0 50%;-webkit-transform:translateY(-50%) rotateX(-90deg) rotateY(90deg)}.f12,.f12:after{position:absolute}.f12:after{content:"";left:-15px;border-top-left-radius:30px;border-top-right-radius:50px;width:40px;height:60px;-webkit-transform:rotate(45deg);-webkit-animation:c2 3s linear infinite}.f13{left:50%;top:50%;height:70px;width:32px;overflow:hidden;-webkit-transform-style:preserve-3d;-webkit-transform-origin:0 50%;-webkit-transform:translateY(-50%) rotateX(-90deg) rotateY(180deg)}.f13,.f13:after{position:absolute}.f13:after{content:"";left:-15px;border-top-left-radius:30px;border-top-right-radius:50px;width:40px;height:60px;-webkit-transform:rotate(45deg);-webkit-animation:c1 3s linear infinite}.f14{left:50%;top:50%;height:70px;width:32px;overflow:hidden;-webkit-transform-style:preserve-3d;-webkit-transform-origin:0 50%;-webkit-transform:translateY(-50%) rotateX(-90deg) rotateY(270deg)}.f14,.f14:after{position:absolute}.f14:after{content:"";left:-15px;border-top-left-radius:30px;border-top-right-radius:50px;width:40px;height:60px;-webkit-transform:rotate(45deg);-webkit-animation:c2 3s linear infinite}