.box,.box-body{position:relative}.box-body::after,.box-lid::after{content:"";transform:translateX(-50%);width:50px;left:50%}#candle_container,#fireworksCanvas{z-index:0;width:100%;pointer-events:none}#candle_container,#letter{transition:opacity 1s ease-in-out}#confettiCanvas,#fireworksCanvas{top:0;left:0;pointer-events:none}@font-face{font-family:VNF-Shelia-Regular;src:url("./fonts/VNF-Shelia-Regular.ttf") format("truetype");font-weight:400;font-style:normal}body{background:#000;margin:0;padding:0;touch-action:none;overflow:hidden}.scroll-area{height:100vh;overflow-y:auto;overflow-x:hidden}#trigger{height:5500px}.box{z-index:1000}.box-body{height:200px;width:200px;margin-top:123.3333333333px;background-color:#cc231e;border-bottom-left-radius:5%;border-bottom-right-radius:5%;box-shadow:0 4px 8px 0 rgba(0,0,0,.3);background:linear-gradient(#762c2c,#ff0303);cursor:pointer;animation:1s ease-in-out infinite box-body}.box-body.stop-anim,.letter.stop-anim{animation:none}.box-body::after{position:absolute;top:0;bottom:0;background:linear-gradient(#fff,#ffefa0)}.box-lid{position:absolute;z-index:1;left:50%;transform:translateX(-50%);bottom:90%;background-color:#cc231e;height:40px;width:220px;border-radius:5%;box-shadow:0 8px 4px -4px rgba(0,0,0,.3)}#candle_container,.box-lid::after,.letter{bottom:0;position:absolute}.box-lid::after{top:0;background:linear-gradient(#ffefa0,#fff)}.box-bowtie{z-index:1;height:100%}.box-bowtie .bowtie-left,.box-bowtie .bowtie-right{width:83.3333333333px;height:83.3333333333px;border:16.6666666667px solid #fff;border-radius:50% 50% 0;position:absolute;bottom:99%;z-index:-1}.box-bowtie .bowtie-left{left:50%;transform:translateX(-100%) skew(10deg,10deg)}.box-bowtie .bowtie-right{left:50%;transform:translateX(0) rotate(90deg) skew(10deg,10deg)}@keyframes box-body{0%,100%{transform:translate3d(0,0,0) rotate(0)}25%,75%{transform:translate3d(0,0,0) rotate(2.5deg)}50%{transform:translate3d(0,0,0) rotate(-2.5deg)}}@keyframes letter{0%,100%{transform:translateX(-50%) scale(.5) rotate(0)}25%,75%{transform:translateX(-50%) scale(.5) rotate(2.5deg)}50%{transform:translateX(-50%) scale(.5) rotate(-2.5deg)}}.letter{height:335px;width:330px;left:50%;transform:translateX(-50%) scale(.5);background:#fff;font-family:VNF-Shelia-Regular,sans-serif;overflow:hidden;border-radius:5px;line-height:23px;padding:0 10px;font-size:21px;animation:1s ease-in-out infinite letter}.line{border-bottom:1px solid #03a9f4;height:10%;position:relative}.line span{position:absolute;bottom:-2px;color:#5452ad;opacity:.9}.right span{left:10ch}.double-indent span{left:15ch}#fireworksCanvas{position:fixed;height:100%}#candle_container{height:30vh;display:flex;justify-content:center;align-items:center}#candle_container.hide,#letter.hide{opacity:0}#candle_container.show,#letter.show{opacity:1}#canvas{display:block;margin:0 auto -500px;filter:url("#blur") blur(1.5px);opacity:.9}#candle{display:block;margin:0 auto 30px;width:550px;height:auto}#filter{position:fixed}#confettiCanvas{position:absolute;width:100vw;height:100vh;overflow:hidden;z-index:11;display:flex;justify-content:center;align-items:center}