Multiplegame

/* Copy Animation */ .base-color { color: hsl(var(--main)) !important; } .copyInput { display: inline-block; line-height: 50px; position: absolute; top: 0; right: 0; width: 40px; text-align: center; font-size: 14px; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .copied::after { position: absolute; top: 8px; right: 12%; width: 100px; display: block; content: "COPIED"; font-size: 1em; padding: 5px 5px; color: #fff; background-color: #FF7000; border-radius: 3px; opacity: 0; will-change: opacity, transform; animation: showcopied 1.5s ease; } @keyframes showcopied { 0% { opacity: 0; transform: translateX(100%); } 50% { opacity: 0.7; transform: translateX(40%); } 70% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; } } .cookies-card { width: 520px; padding: 30px; color: #fdfdfd; position: fixed; bottom: 15px; left: 15px; z-index: 999999; transition: all .5s; ...