@font-face {
  font-family: "HitMarker-VF";
  src: url("./fonts/Hitmarker-VF.woff2") format("woff2"),
    url("./fonts/Hitmarker-VF.woff") format("woff");
  color: #f5f5f5;
}

@font-face {
  font-family: "HitMarker";
  src: url("./fonts/HitmarkerNormal-Regular.woff2") format("woff2"),
    url("./fonts/HitmarkerNormal-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HitMarker";
  src: url("./fonts/HitmarkerNormal-Bold.woff2") format("woff2"),
    url("./fonts/HitmarkerNormal-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "HitMarker";
  src: url("./fonts/HitmarkerNormal-Light.woff2") format("woff2"),
    url("./fonts/HitmarkerNormal-Light.woff") format("woff");
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: "HitMarkerText";
  src: url("./fonts/HitmarkerText-Regular.woff2") format("woff2"),
    url("./fonts/HitmarkerText-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

body {
  font-family: "HitMarker", sans-serif;
  background-color: #0a0a0a;
  color: #e0e0e0;
  overflow-x: hidden;
}

.hero-pattern {
  background: radial-gradient(
    circle at center,
    rgba(20, 83, 45, 0.2) 0%,
    rgba(0, 0, 0, 0.9) 70%
  );
}

.logo-font {
  font-family: "Wendy Neue", sans-serif;
}

.H-font {
  font-family: "HitMarker", sans-serif;
  font-weight: bold;
}

.banner-text {
  text-shadow: 0 0 8px rgba(46, 204, 113, 0.7);
}

.section-divider {
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(136, 0, 203, 1),
    transparent
  );
}

.weapon-allowed {
  color: #2ecc71;
}

.weapon-banned {
  color: #e74c3c;
  text-decoration: line-through;
}

.glow-effect {
  box-shadow: 0 0 15px rgba(46, 204, 113, 0.5);
}