rootpanel {
    background-color: rgba( #333, 0 );
    transition: background-color 0.2s ease-in;
}

vitals {
    position: absolute;
    bottom: 64px;
    left: 100px;
    font-size: 64px;
    color: #ff0;
    mix-blend-mode: lighten;
    font-family: Roboto;

    label {
        text-shadow: 0px 0px 20px #f70a;

        &.danger {
            color: #f00;
            text-shadow: 0px 0px 10px #f005;
        }
    }
}


ammo {
    position: absolute;
    bottom: 64px;
    right: 100px;
    font-size: 64px;
    color: #ff0;
    mix-blend-mode: lighten;
    font-family: Roboto;

    label {
        text-shadow: 0px 0px 20px #f70a;

        &.danger {
            color: #f00;
        }
    }
}