@keyframes pop { 0% { scale: 0; } 3% { scale: 1.2; } 4% { scale: 1; } 97% { scale: 1; } 98% { scale: 1.2; } 100% { scale: 0; } } .Popsicle { background-color: #753aff; border-radius: 10px; font-size: 12pt; padding: 10px; font-family: 'Manrope'; position: absolute; display: block; text-align: center; animation-name: pop; animation-duration: 10s; animation-delay: 0s; animation-fill-mode: forwards; animation-timing-function: ease; scale: 0; z-index: 1000; -webkit-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.10); box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.10); }