@font-face {
  font-family: "AnonymousPro";
  src: url("Fonts/AnonymousPro.woff2") format("woff2"),
       url("Fonts/AnonymousPro.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HL2MP";
  src: url("Fonts/HL2MP.ttf") format("truetype");
}

@font-face {
  font-family: "csd";
  src: url("Fonts/csd.ttf") format("truetype");
}

body {
  display: flex;
 justify-content: center;
 align-items: center;
 font-family: AnonymousPro, sans-serif;
 src:url("Fonts/AnonymousPro.woff2") format("woff2");
 background: url("images/backgroundstation3.png") center / cover no-repeat fixed;
 color: rgb(0, 0, 0);
}

.center {
text-align: center;
}

#kill-feed {
  position: fixed;
  top: 18px;
  right: 18px;
  width: 320px;
  pointer-events: none;
  z-index: 9999;
}

.kill {
  display: flex;
  align-items: right;
  gap: 9px;
  margin-bottom: 6px;

  font-size: 19px;
  white-space: nowrap;

  opacity: 0.9;
  transition: opacity 0.45s ease, transform 0.35s ease;
}

.kill.fade {
  opacity: 0;
  transform: translateX(14px);
}

.killer,
.victim {
  font-family: Bahnschrift, Helvetica, sans-serif;
  color: rgb(0, 0, 0);
}

.weapon {
  font-family: "HL2MP";
  font-size: 32px;
  line-height: -2;
}

.headshot {
  font-family: "csd";
  font-size: 32px;
  line-height: -2;
  margin-left: -0px;
}

    html, body {
      width: 100%;
      height: 100%;
      margin: 0;
    }