@import url(https://fonts.googleapis.com/css?family=Luckiest+Guy&family=Rampart+One&display=swap);#lightRays,#starsVideo{margin-left:auto;margin-right:auto;display:none}#candyImage,#lightRays{position:absolute;pointer-events:none}body,html{height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}#machineVideo{width:1000px;z-index:2}#starsVideo{width:1000px;z-index:4;position:absolute}#candyText{color:#fff;text-align:center;text-shadow:4px 5px 0 #212121;-webkit-text-stroke-width:3.63px;-webkit-text-stroke-color:#212121;font-family:"Luckiest Guy";font-size:70px;font-style:normal;font-weight:400;line-height:78%;text-transform:uppercase;margin-top:20%;display:inline-block;position:absolute;margin-left:auto;margin-right:auto;z-index:5}#lightRays{width:450px;opacity:1;z-index:1}#candyImage{opacity:0;left:50%;width:200px;z-index:3}@keyframes fadeInOut{0%,100%{opacity:0}10%,90%{opacity:1}}@keyframes spinSlow{from{transform:rotate(0)}to{transform:rotate(30deg)}}@keyframes candyAnimation{8%{opacity:0;transform:translateX(-50%) translateY(270px) scale(.05) rotateY(0)}17%{opacity:1}20%{transform:translateX(-50%) translateY(-80px) scale(1.1) rotateY(0)}25%{transform:translateX(-50%) translateY(0) scale(1.1) rotateY(0)}35%,70%{transform:translateX(-50%) translateY(0) scale(1) rotateY(720deg)}80%{transform:translateX(-50%) translateY(0) scale(1.07) rotateY(720deg);opacity:1}85%{transform:translateX(-50%) translateY(0) scale(.05) rotateY(720deg);opacity:.8}100%,90%{opacity:0;transform:translateX(-50%) translateY(0) scale(0) rotateY(720deg)}}.animate{animation:3.8s ease-in-out 2.33s forwards candyAnimation;transform-origin:center center}@keyframes scalePulse{0%,100%,95%{transform:rotate(-10deg) scale(0);opacity:0}10%,90%{transform:rotate(-10deg) scale(1.1);opacity:1}20%,80%{transform:rotate(-10deg) scale(1);opacity:1}}