@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%}.cat-container{width:200px;height:200px;position:relative;margin:50px auto}.cat-body{width:120px;height:100px;background:linear-gradient(135deg, #ff8c42 0%, #ff6b35 100%);border-radius:50% 50% 45% 45%;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);animation:breathe 2s ease-in-out infinite;z-index:1}.cat-head{width:100px;height:90px;background:linear-gradient(135deg, #ff9d5c 0%, coral 100%);border-radius:50% 50% 40% 40%;position:absolute;top:30px;left:50%;transform:translateX(-50%);animation:head-tilt 3s ease-in-out infinite;z-index:2}.ear{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:35px solid #ff8c42;position:absolute;top:-15px}.ear.left{left:5px;transform:rotate(-15deg)}.ear.right{right:5px;transform:rotate(15deg)}.ear::after{content:'';width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:20px solid #ffb088;position:absolute;bottom:-30px;left:50%;transform:translateX(-50%)}.eye{width:12px;height:18px;background:#2d2d2d;border-radius:50%;position:absolute;top:35px;animation:blink 4s ease-in-out infinite}.eye.left{left:25px}.eye.right{right:25px}.eye::before{content:'';width:5px;height:5px;background:white;border-radius:50%;position:absolute;top:4px;left:3px}.nose{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #ff6b6b;position:absolute;top:55px;left:50%;transform:translateX(-50%);border-radius:2px}.mouth{width:30px;height:15px;position:absolute;top:60px;left:50%;transform:translateX(-50%)}.mouth::before,.mouth::after{content:'';width:15px;height:10px;border:2px solid #2d2d2d;border-top:none;border-radius:0 0 15px 15px;position:absolute;top:0}.mouth::before{left:0;border-right:none}.mouth::after{right:0;border-left:none}.whiskers{position:absolute;top:50px;left:0;width:100%;height:2px}.whisker{width:35px;height:2px;background:#2d2d2d;position:absolute;border-radius:2px}.whisker.left-top{left:-30px;top:-5px;transform:rotate(-10deg)}.whisker.left-bottom{left:-30px;top:5px;transform:rotate(10deg)}.whisker.right-top{right:-30px;top:-5px;transform:rotate(10deg)}.whisker.right-bottom{right:-30px;top:5px;transform:rotate(-10deg)}.tail{width:80px;height:80px;border:15px solid #ff8c42;border-color:transparent #ff8c42 transparent transparent;border-radius:50%;position:absolute;bottom:45px;right:5px;transform:rotate(45deg);animation:tail-wag 1.5s ease-in-out infinite;z-index:0}.paw{width:25px;height:30px;background:linear-gradient(135deg, #ff8c42 0%, coral 100%);border-radius:0 0 50% 50%;position:absolute;bottom:-5px}.paw.left{left:25px}.paw.right{right:25px}.paw::after{content:'';width:12px;height:12px;background:#ffb088;border-radius:50%;position:absolute;bottom:5px;left:50%;transform:translateX(-50%)}@keyframes breathe{0%, 100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.02)}}@keyframes head-tilt{0%, 100%{transform:translateX(-50%) rotate(0deg)}25%{transform:translateX(-50%) rotate(-2deg)}75%{transform:translateX(-50%) rotate(2deg)}}@keyframes blink{0%, 96%, 100%{height:18px}98%{height:2px}}@keyframes tail-wag{0%, 100%{transform:rotate(45deg)}50%{transform:rotate(30deg)}}