.steam{position:absolute;height:15px;width:15px;border-radius:50%;background-color:#fff;bottom:0;left:10px;top:0;z-index:1;opacity:0}#steam1{animation:steam1 4s ease-out infinite}#steam3{animation:steam1 4s ease-out 1s infinite}@keyframes steam1{0%{transform:translateY(0) translate(0) scale(.25);opacity:.2}to{transform:translateY(-25px) translate(-10px) scale(1);opacity:0}}#steam2{animation:steam2 4s ease-out .5s infinite}#steam4{animation:steam2 4s ease-out 1.5s infinite}@keyframes steam2{0%{transform:translateY(0) translate(0) scale(.25);opacity:.2}to{transform:translateY(-25px) translate(10px) scale(1);opacity:0}}#cup{z-index:1;position:relative;display:inline}#cup-body{position:absolute;height:17px;width:30px;border-radius:0 0 150px 150px;background-color:#fff;margin:auto;display:inline-block;overflow:hidden;z-index:1;bottom:0}#cup-shade{position:relative;height:30px;width:20px;background-color:#f0f0f0;display:inline-block;margin-left:42%;margin-top:-3px;transform:rotate(50deg);z-index:1}#cup-handle{position:absolute;height:8px;width:8px;border-radius:0 150px 150px 0;border:2px solid #F3F3F3;z-index:0;left:28px;top:10px;bottom:0}#saucer{position:absolute;height:5px;width:30px;border-radius:0 0 100px 100px;background-color:#f9f9f9;margin-top:15px;z-index:2;left:0;right:0;bottom:-2px}