@font-face {
  font-family: "Black Knight";
  src: url("../fonts/BlackKnightFLF.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/SpaceGrotesk-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/SpaceGrotesk-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/SpaceGrotesk-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/SpaceGrotesk-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/SpaceGrotesk-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html {
  font-size: 110%;
}

html,
body,
button,
input,
textarea,
select {
  font-family: "Space Grotesk", sans-serif;
}

header,
header *,
footer,
footer *,
.site-header-bar,
.site-header-bar * {
  font-family: "Black Knight", serif;
}

#site-header .container {
  width: min(1100px, 92%);
}

#site-header .logo {
  font-size: 1.656rem;
}

#site-header .logo,
.site-header-bar .site-logo {
  caret-color: transparent;
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
}

#site-header .logo::selection,
.site-header-bar .site-logo::selection,
#site-header .nav-brand::selection {
  background: transparent;
}

#site-header .nav-brand,
#site-header .header-track-title {
  caret-color: transparent;
  user-select: none;
  -webkit-user-select: none;
}

#site-header .nav-links {
  font-size: 1.368rem;
}

.track-name,
#player-title {
  font-family: "Space Grotesk", sans-serif;
}

html,
body {
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
}

input,
textarea,
select,
[contenteditable="true"] {
  cursor: text;
  user-select: text;
  -webkit-user-select: text;
}

input[type="range"],
input[type="checkbox"],
input[type="radio"],
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
a,
label,
summary,
[role="button"],
.track-item,
.game-card,
.header-player-btn,
.char-btn,
.player-btn,
.post-delete,
.btn,
.btn-post,
.btn-ghost {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

.track-item *,
.track-name,
.track-artist,
.player-stage-overlay,
.steam-comment,
.post-card,
.guestbook-compose label {
  cursor: inherit;
  user-select: none;
  -webkit-user-select: none;
}

input:disabled,
button:disabled,
[disabled] {
  cursor: default;
}

#impressum-open {
  font-size: 1rem;
}

.impressum-overlay .modal-box {
  font-size: 1.15rem;
}

.impressum-overlay .modal-box h2 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

.impressum-overlay .modal-box p {
  font-size: 1.15rem;
  line-height: 1.65;
  margin-bottom: 0.55rem;
}

.impressum-close {
  font-size: 1.75rem;
}