:root{--text-color: rgba(0,0,0,.7);--primary-color: #7a60ff;--accent-color: green;--shadow: 0 0 10px rgba(0, 0, 0, .5);--shadow-1: 0 0 10px rgba(0, 0, 0, .1);--animate-duration: 1s;--animate-delay: 1s;--animate-repeat: 1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}html,body{margin:0;padding:0}.decor{width:100%;height:100%;display:block;position:fixed;top:0;z-index:-1}.spot1{position:absolute;width:200px;height:200px;background:#cd9ffa;top:22%;left:10%;filter:blur(100px);-webkit-filter:blur(100px)}.spot2{position:absolute;width:500px;height:500px;background:#cd9ffa;top:36%;left:10%;filter:blur(105px);-webkit-filter:blur(105px)}.spot3{position:absolute;width:600px;height:600px;background:var(--primary-color);top:62%;left:32%;filter:blur(127px);-webkit-filter:blur(127px)}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}