@font-face {
  font-family: 'JacquesPro-SemiBold';
  src: url('./jacques-semibold.a6761a87.otf') format('opentype');
}

.KillFeedCon {
    pointer-events: none;
    position: absolute;
    display: flex;
    top: 36.8%;
    right: 1%;
    width: 18.85vw;
    height: 8.802vw; 
    font-family: 'JacquesPro-SemiBold', sans-serif; 
    justify-content: end;
}

.KillFeedLayout {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: .3vw; 
    align-items: flex-end;
    max-height: 8.802vw; 
    overflow: hidden;
}

.KillFeedCon .KillFeedLayout .Table {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.146vw; 
    gap: .521vw; 
    color: #fff;
    text-shadow: 0 1.719vw .469vw rgba(0, 0, 0, 0), 0 1.094vw .417vw rgba(0, 0, 0, .02), 0 .625vw .365vw rgba(0, 0, 0, .08), 0 .26vw .26vw rgba(0, 0, 0, .13), 0 .052vw .156vw rgba(0, 0, 0, .15); /* Text shadows for better readability */
    font-size: .625vw; 
    font-weight: 600;
    white-space: nowrap;
}

.KillFeedCon .KillFeedLayout .Table.withname {
    background-color: rgba(30, 144, 255, 0.5); 
    border-radius: 1.042vw;
    padding: .156vw .417vw;
}

.KillFeedCon .KillFeedLayout .Table.withoutname {
    background: rgba(13, 17, 22, .5); 
    border-radius: 1.042vw; 
    padding: .156vw .417vw; 
}

.KillFeedCon .KillFeedLayout .Table.withoutname .target-name {
    color: #1E90FF;
}

.Icon,
.Table i {
    position: relative;
    color: #fff;
}

.Table span {
    width: fit-content;
    overflow: hidden;
}

.player-name {
    font-weight: bold;
    color: #fff; 
    font-family: 'JacquesPro-SemiBold', sans-serif; 
}

.killed-player {
    font-weight: bold;
    color: #1E90FF; 
}

.Table i.fas.fa-crosshairs {
    color: #fff; 
    margin: 0 8px; 
}

.Table {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
}