body{margin:0;padding:0}.hourglassBackground{background-color:#006ea6;border-radius:50%;width:130px;height:130px;margin:30px auto;position:relative}.hourglassContainer{width:50px;height:70px;transform-style:preserve-3d;perspective:1000px;animation:2s ease-in infinite hourglassRotate;position:absolute;top:30px;left:40px}.hourglassContainer div,.hourglassContainer div:before,.hourglassContainer div:after{transform-style:preserve-3d}@keyframes hourglassRotate{0%{transform:rotateX(0)}50%{transform:rotateX(180deg)}to{transform:rotateX(180deg)}}.hourglassCapTop{top:0}.hourglassCapTop:before{top:-25px}.hourglassCapTop:after{top:-20px}.hourglassCapBottom{bottom:0}.hourglassCapBottom:before{bottom:-25px}.hourglassCapBottom:after{bottom:-20px}.hourglassGlassTop{background-color:#fff;border-radius:50%;width:44px;height:44px;position:absolute;top:-16px;left:3px;transform:rotateX(90deg)}.hourglassGlass{perspective:100px;opacity:.5;background-color:#fff;width:10px;height:6px;position:absolute;top:32px;left:20px}.hourglassGlass:before,.hourglassGlass:after{content:"";background-color:#fff;width:44px;height:28px;display:block;position:absolute;left:-17px}.hourglassGlass:before{border-radius:0 0 25px 25px;top:-27px}.hourglassGlass:after{border-radius:25px 25px 0 0;bottom:-27px}.hourglassCurves:before,.hourglassCurves:after{content:"";background-color:#333;border-radius:50%;width:6px;height:6px;animation:2s ease-in infinite hideCurves;display:block;position:absolute;top:32px}.hourglassCurves:before{left:15px}.hourglassCurves:after{left:29px}@keyframes hideCurves{0%{opacity:1}25%{opacity:0}30%{opacity:0}40%{opacity:1}to{opacity:1}}.hourglassSandStream:before{content:"";background-color:#fff;width:3px;animation:2s ease-in infinite sandStream1;display:block;position:absolute;left:24px}.hourglassSandStream:after{content:"";border-bottom:6px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;animation:2s ease-in infinite sandStream2;display:block;position:absolute;top:36px;left:19px}@keyframes sandStream1{0%{height:0;top:35px}50%{height:0;top:45px}60%{height:35px;top:8px}85%{height:35px;top:8px}to{height:0;top:8px}}@keyframes sandStream2{0%{opacity:0}50%{opacity:0}51%{opacity:1}90%{opacity:1}91%{opacity:0}to{opacity:0}}.hourglassSand:before,.hourglassSand:after{content:"";perspective:500px;background-color:#fff;display:block;position:absolute;left:6px}.hourglassSand:before{border-radius:3px 3px 30px 30px;width:39px;animation:2s ease-in infinite sandFillup;top:8px}.hourglassSand:after{border-radius:30px 30px 3px 3px;animation:2s ease-in infinite sandDeplete}@keyframes sandFillup{0%{opacity:0;height:0}60%{opacity:1;height:0}to{opacity:1;height:17px}}@keyframes sandDeplete{0%{opacity:0;width:38px;height:17px;top:45px;left:6px}1%{opacity:1;width:38px;height:17px;top:45px;left:6px}24%{opacity:1;width:38px;height:17px;top:45px;left:6px}25%{opacity:1;width:38px;height:17px;top:41px;left:6px}50%{opacity:1;width:38px;height:17px;top:41px;left:6px}90%{opacity:1;width:10px;height:0;top:41px;left:20px}}