.input{margin-top:10%;text-align:center}body,html{height:100%;width:100%;display:flex;flex-direction:column;background-color:#fff}#root{min-height:100%}main{flex:1 1 auto}footer{font-size:70%}p{color:#ce97fb}.candle{margin-left:-8px;top:-20px;left:50%;width:16px;height:50px;border-radius:8px/4px;background-color:#ce97fb;background:repeating-linear-gradient(45deg,#faa99d,#fddf7e 1px,#f6a5eb 2px,#ce97fb 8px);z-index:10;animation:fadeInDown .6s ease-in-out forwards}.candle:before{content:"";position:absolute;top:0;left:0;width:16px;height:8px;border-radius:50%;background-color:#fcd4ce}@keyframes flickr{0%{transform:rotate(45deg)}50%{transform:rotate(40deg)}to{transform:rotate(50deg)}}@keyframes fadeInDown{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}@keyframes drop{50%{transform:rotate(55deg)}to{top:40px;transform:rotate(60deg);border-radius:0 100px 100px}}.drop{position:absolute;content:"";background:#ce97fb;height:7px;width:7px;border-radius:0 100px 80px;transform:rotate(60deg);top:10px;left:-15%;animation:drop infinite ease 6s;z-index:3}.wick{position:absolute;background-color:#503400;border-radius:10px;width:1px;height:10px;top:-6px;left:50%}.flame{position:absolute;background-color:orange;width:15px;height:35px;border-radius:10px/25px 25px 10px 10px;top:-34px;left:50%;margin-left:-7.5px;z-index:10;box-shadow:0 0 10px #ffa50080,0 0 20px #ffa50080,0 0 60px #ffa50080,0 0 80px #ffa50080;transform-origin:50% 90%}.flicker{animation:flicker 1s ease-in-out alternate infinite}@keyframes flicker{0%{transform:skew(5deg);box-shadow:0 0 10px #ffa50033,0 0 20px #ffa50033,0 0 60px #ffa50033,0 0 80px #ffa50033}25%{transform:skew(-5deg);box-shadow:0 0 10px #ffa50080,0 0 20px #ffa50080,0 0 60px #ffa50080,0 0 80px #ffa50080}50%{transform:skew(10deg);box-shadow:0 0 10px #ffa5004d,0 0 20px #ffa5004d,0 0 60px #ffa5004d,0 0 80px #ffa5004d}75%{transform:skew(-10deg);box-shadow:0 0 10px #ffa50066,0 0 20px #ffa50066,0 0 60px #ffa50066,0 0 80px #ffa50066}to{transform:skew(5deg);box-shadow:0 0 10px #ffa50080,0 0 20px #ffa50080,0 0 60px #ffa50080,0 0 80px #ffa50080}}.fadeOut{animation:fadeOut 1s ease-in-out forwards}@keyframes fadeOut{to{opacity:0}}.cake{position:absolute;width:250px;height:200px;top:50%;left:50%;margin-top:-70px;margin-left:-125px}.plate{width:270px;height:110px;position:absolute;bottom:-10px;left:-10px;background-color:#f6a5eb;border-radius:50%;box-shadow:0 2px #b766f9,0 4px #b3b3b3,0 5px 40px #f6a5eb80}.cake>*{position:absolute}.layer{position:absolute;display:block;width:250px;height:100px;border-radius:50%;background-color:#553c13;box-shadow:0 2px #6a4b18,0 4px #33240b,0 6px #32230b,0 8px #31230b,0 10px #30220b,0 12px #2f220b,0 14px #2f210a,0 16px #2e200a,0 18px #2d200a,0 20px #2c1f0a,0 22px #2b1f0a,0 24px #2a1e09,0 26px #2a1d09,0 28px #291d09,0 30px #281c09}.layer-top{top:0}.layer-middle{top:33px}.layer-bottom{top:66px}.icing{top:-1px;left:-1px;background-color:#f0e4d0;width:252px;height:103px;border-radius:50%}.icing:before{content:"";position:absolute;top:4px;right:5px;bottom:6px;left:5px;background-color:#f4ebdc;box-shadow:0 0 4px #f6efe3,0 0 4px #f6efe3,0 0 4px #f6efe3;border-radius:50%;z-index:1}.drip{display:block;width:50px;height:60px;border-bottom-left-radius:25px;border-bottom-right-radius:25px;background-color:#f0e4d0}.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}#root{display:flex;height:100%;flex-direction:column;align-items:center}