.cake{width:250px;height:200px;top:50%;left:50%;margin-top:-70px;margin-left:-125px}.cake,.plate{position:absolute}.plate{width:270px;height:110px;bottom:-10px;left:-10px;background-color:#ccc;border-radius:50%;box-shadow:0 2px 0 #b3b3b3,0 4px 0 #b3b3b3,0 5px 40px rgba(0,0,0,.5)}.cake>*,.layer{position:absolute}.layer{display:block;width:250px;height:100px;border-radius:50%;background-color:#4e2e13;box-shadow:0 2px 0 #633a18,0 4px 0 #2c1a0b,0 6px 0 #2c1a0b,0 8px 0 #2b190a,0 10px 0 #2a190a,0 12px 0 #29180a,0 14px 0 #28180a,0 16px 0 #27170a,0 18px 0 #271709,0 20px 0 #261609,0 22px 0 #251609,0 24px 0 #241509,0 26px 0 #231509,0 28px 0 #231408,0 30px 0 #221408}.layer-top{top:0}.layer-middle{top:33px}.layer-bottom{top:66px}.icing{top:2px;background-color:#462912;width:240px;height:90px}.icing,.icing:before{left:5px;border-radius:50%}.icing:before{content:"";position:absolute;top:4px;right:5px;bottom:6px;background-color:#523015;box-shadow:0 0 4px #5a3517,0 0 4px #5a3517,0 0 4px #5a3517;z-index:1}.drip{display:block;width:50px;height:60px;border-bottom-left-radius:25px;border-bottom-right-radius:25px;background-color:#462912}.drip1{top:53px;left:5px;transform:skewY(15deg);height:48px;width:40px}.drip2{top:69px;left:181px;transform:skewY(-15deg)}.drip3{top:54px;left:90px;width:80px;border-bottom-left-radius:40px;border-bottom-right-radius:40px}.candle{background-color:#7b020b;width:16px;height:50px;border-radius:8px/4px;top:-20px;left:50%;margin-left:-8px;z-index:10}.candle:before{content:"";position:absolute;top:0;left:0;width:16px;height:8px;border-radius:50%;background-color:#ad030f}.flame{background-color:orange;width:15px;height:35px;border-radius:10px 10px 10px 10px/25px 25px 10px 10px;margin-left:-7.5px;z-index:10;box-shadow:0 0 20px rgba(255,165,0,.5),0 0 50px rgba(255,165,0,.5),0 0 100px rgba(255,165,0,.5),0 0 80px rgba(255,165,0,.5);transform-origin:50% 90%;animation:flicker 1.5s ease-in-out infinite alternate;transition:opacity .8s ease-in-out,transform .8s ease-in-out}.flame,.smoke{position:absolute;top:-34px;left:50%}.smoke{margin-left:-25px;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,hsla(0,0%,59%,.7) 0,transparent 70%);animation:puff 2s forwards;opacity:.8}@keyframes puff{0%{transform:translateY(0) scale(.6);opacity:.8}50%{transform:translateY(-20px) scale(1);opacity:.6}to{transform:translateY(-40px) scale(1.4);opacity:0}}@keyframes flicker{0%{transform:skewX(5deg);box-shadow:0 0 10px rgba(255,165,0,.2),0 0 20px rgba(255,165,0,.2),0 0 60px rgba(255,165,0,.2),0 0 80px rgba(255,165,0,.2)}25%{transform:skewX(-5deg);box-shadow:0 0 10px rgba(255,165,0,.5),0 0 20px rgba(255,165,0,.5),0 0 60px rgba(255,165,0,.5),0 0 80px rgba(255,165,0,.5)}50%{transform:skewX(10deg);box-shadow:0 0 10px rgba(255,165,0,.3),0 0 20px rgba(255,165,0,.3),0 0 60px rgba(255,165,0,.3),0 0 80px rgba(255,165,0,.3)}75%{transform:skewX(-10deg);box-shadow:0 0 10px rgba(255,165,0,.4),0 0 20px rgba(255,165,0,.4),0 0 60px rgba(255,165,0,.4),0 0 80px rgba(255,165,0,.4)}to{transform:skewX(5deg);box-shadow:0 0 10px rgba(255,165,0,.5),0 0 20px rgba(255,165,0,.5),0 0 60px rgba(255,165,0,.5),0 0 80px rgba(255,165,0,.5)}}