damageindicator { mix-blend-mode: lighten; position: absolute; left: 0; right: 0; top: 0; bottom: 0; hitpoint { position: absolute; left: 50%; top: 50%; width: 250px; height: 250px; border-radius: 200px; border: 0px solid yellow; border-bottom: 12px solid #f00; transition: opacity 0.2s linear; opacity: 0.5; transform-origin: 0% 0%; label { text-shadow: 0px 0px 40px #f20; } &.dying { opacity: 0; } } }