@import url("https://fonts.googleapis.com/css2?family=Langar&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Acme&family=Anton&family=Special+Elite&family=Stint+Ultra+Condensed&display=swap");

@import url("type-kit-static.css");

body {
  font-family: fairplex-narrow, trilby, Langar;
}

.journal h1 {
  font-size: 1em;
  border-bottom: 1px solid black;
}

#journal-guide h1 {
  font-family: hellenic-wide-jf;
}

#journal-log {
  font-family: Langar;
}

#clock {
  font-family: trilby;
  font-size: 1em;
}

.inv-count-label {
  font-family: trilby;
  font-weight: bold;
}

.inventory-name {
  font-family: fairplex-narrow;
  font-weight: bold;
  font-size: 0.75em;
}

.item-label {
  font-size: 16px;
  font-family: fairplex-narrow;
  font-weight: medium;
}

.inv-pop-heading, .inv-slot:hover .item-label {
  font-family: fairplex-narrow;
  line-height: 16px;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  color: black;
}
.inv-pop-heading:hover {
  color: brown;
}

.inv-pop button {
  font-family: trilby;
  font-size: 12px;
  font-weight: medium;
}

#app-buttons button {
  font-family: hellenic-wide-jf;
}
.inv-slot > .inv-item {
  font-size: 12px;
  line-height: 12px;
}