:root{--main-color:red;--secondary-color:#ff304f;--heart-size:20px}h1{margin-top:50px}#confetti-container{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:9999999}.heart{transform:rotate(45deg);animation:fall 2.5s linear infinite;z-index:1001;box-shadow:0 -10px 15px var(--shadow-color)}.heart,.heart:after,.heart:before{position:absolute;width:var(--heart-size);height:var(--heart-size);background:var(--main-color)}.heart:after,.heart:before{content:"";border-radius:50%}.heart:before{top:calc(-1*var(--heart-size)/2);left:0}.heart:after{top:0;left:calc(-1*var(--heart-size)/2)}@keyframes fall{0%{top:-50px;opacity:1}to{top:100vh;opacity:0;transform:rotate(190deg)}}