@import url("https://fonts.googleapis.com/css2?family=Cookie&family=Rouge+Script&display=swap");.avatar-circle-gmail-sm.jackie{width:50px;height:50px;background-color:#c8a2c8;text-align:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.avatar-circle-gmail-sm.jackie2{width:40px;height:40px;background-color:white;text-align:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;margin-top:10px}.img-jackie{width:32px !important;height:32px !important}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.birthday .svg{position:absolute;width:0;height:0}.birthday .wrapper,.birthday .plate,.birthday .candle-container{display:grid;place-items:center}.birthday .wrapper{position:relative;height:60vh;min-height:600px;background:linear-gradient(to top, #eee, transparent)}.birthday .greeting{font-family:'Cookie', cursive;font-size:4rem;color:#444;transform:scale(0)}.birthday .message{font-family:'Cookie', cursive;font-size:2.5rem;color:#777}.birthday .plate{position:relative;width:250px;height:75px;background:#f1f1f1;margin-top:0;border-radius:50%;box-shadow:0px 3px 5px 0px #aaa}.birthday .cake-wrap{position:absolute;bottom:50%}.birthday .cake-base{position:relative;width:200px;height:50px;background:#c5a5c0}.birthday .cake-base .base-front{position:absolute;width:100%;height:100%;background:inherit}.birthday .cake-base .base-front:after{content:'';position:absolute;left:0;top:100%;width:100%;height:55px;transform:translatey(-50%);background:inherit;border-radius:50%}.birthday .cake-base .base-top{position:absolute;width:100%;height:65px;top:0;transform:translatey(-50%);border-radius:50%;background:inherit}.birthday .cake-base .base-top:before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;clip-path:polygon(0 0, 0% 50%, 100% 50%, 100% 0)}.birthday .cake-base .base-top:after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;border-bottom-color:black;clip-path:polygon(0 50%, 60% 50%, 60% 101%, 0 101%)}.birthday .cake-topping{position:absolute;bottom:0%;width:200px;height:100px;z-index:99}.birthday .cake-topping .topping-front{width:100%;height:100%;background:linear-gradient(to bottom, #b381ae 40%, transparent)}.birthday .cake-topping .topping-front .top-layer{height:30%;background:#b381ae}.birthday .cake-topping .topping-front .bottom-layer{position:relative;height:70%;background:#b381ae;clip-path:url("#my-clip-path")}.birthday .cake-topping .topping-top{background:#b381ae;position:absolute;width:100%;height:65px;top:0;transform:translatey(-50%);border-radius:50%;z-index:9}.birthday .cake-topping .topping-top:before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;clip-path:polygon(0 0, 0% 50%, 100% 50%, 100% 0)}.birthday .cake-topping .topping-top:after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 -1px 1px 2px rgba(200,169,195,0.5);clip-path:polygon(10% 50%, 70% 50%, 70% 101%, 10% 101%)}.birthday .candle-container{width:200px;position:absolute;bottom:60%;z-index:9999;opacity:0}.birthday .candle-container .candle-wrap{position:relative;width:15px}.birthday .candle-container .flame-wrap{position:relative;z-index:99;width:100%;background:#fcc56c;height:30px;transform-origin:bottom center;transform:scale(0);clip-path:url(#my-flame-path)}.birthday .candle-container .candle-top{position:absolute;top:0;left:0;transform:translatey(-50%);width:100%;height:8px;background:white;border-radius:50%;z-index:9;background:radial-gradient(#eee, #f0abf0)}.birthday .candle-container .candle-base{position:relative;width:100%;height:75px;margin:2px 0;background:repeating-linear-gradient(45deg, #eee, #f0abf0 20%)}.birthday .candle-container .candle-base:before{content:'';position:absolute;left:0;bottom:0;background:#eee;transform:translateY(50%);height:5px;width:100%;z-index:-1;border-radius:50%}.birthday .candle-container .candle-base:after{content:'';position:absolute;left:50%;bottom:0;transform:translate(-50%, 50%);height:10px;width:200%;border-radius:50%;background:radial-gradient(#9e7199, #b381ae);z-index:-2}.birthday .candle-container .star{width:15px;height:15px;position:absolute;background-color:orange;clip-path:url(#my-star-path);opacity:0}.birthday .candle-container .star:nth-of-type(1){top:-20%;left:30%}.birthday .candle-container .star:nth-of-type(2){top:30%;left:10%}.birthday .candle-container .star:nth-of-type(3){top:-10%;left:85%}.birthday .candle-container .star:nth-of-type(4){top:35%;left:65%}.birthday .candle-container .star:nth-of-type(5){top:55%;left:90%}
