@font-face {
  font-family: "Atlantis Grunge";
  src: url("/fonts/AtlantisGrunge.otf") format("opentype");
}
@font-face {
  font-family: Calluna;
  src: url("/fonts/Calluna-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Charcuterie Block";
  src: url("/fonts/Charcuterie Block.otf") format("opentype");
}
body {
  background-image: url("/img/rqg_bg.jpg");
  background-position: top left;
  background-size: cover;
  min-height: 100%;
  margin: 0;
}

h1 {
  font-family: "Atlantis Grunge";
  font-size: 3.2em;
  font-weight: normal;
  color: #3D877D;
  margin: 0 3em;
  text-align: center;
}

h2 {
  font-family: "Charcuterie Block";
  font-size: 2.1em;
  color: #851113;
  border-bottom: 0.2em solid #851113;
}

h3 {
  font-family: "Calluna";
  font-size: 1.5em;
  font-variant: small-caps;
  color: #B4722A;
}

header {
  padding-top: 1em;
}

.rqg-page {
  padding-left: 20em;
}

.rqg-menu-link {
  position: fixed;
  left: 20em;
  top: 0;
  height: 4em;
  width: 4em;
  padding: 1em;
  transition: 0.2s ease-out;
}

.rqg-menu {
  background-image: url("/img/rqg_box-bg-over.jpg");
  background-size: cover;
  position: fixed;
  top: 0;
  bottom: 0;
  margin-left: -20em;
  width: 20em;
  transition: 0.2s ease-out;
}

.rqg-menu-header {
  font-family: Calluna, serif;
  font-size: 1.5em;
}
.rqg-menu-header:hover {
  color: #851113;
}

.rqg-menu-content {
  background-image: url("/img/rqg_border-right.jpg");
  background-repeat: repeat-y;
  background-position: top right;
  background-size: 30px;
  height: 100%;
  padding-right: 30px;
}
.rqg-menu-content ul {
  border-top: 1px solid #ddd;
}
.rqg-menu-content li > a:hover {
  background: transparent;
  color: #851113;
}

.rqg-main {
  padding: 2em;
}

@media (min-width: 58em) {
  .rqg-menu-link {
    display: none;
  }

  .rqg-menu {
    left: 20em;
  }
}
.rqg-column {
  padding: 0.5em;
}

.market section {
  margin-bottom: 1em;
}

.price {
  font-weight: bold;
}

.profit {
  font-weight: bold;
}

.goods-examples {
  width: 15%;
  background: rgba(48, 105, 98, 0.3);
}

.goods-numbers {
  width: 10%;
}

.goods-worth {
  font-weight: bold;
  background: rgba(124, 79, 29, 0.3);
}

.goods-bags {
  background: rgba(124, 79, 29, 0.3);
}

.goods-rolls {
  background: rgba(48, 105, 98, 0.3);
}

.roll-table, .roll-table tr, .roll-table td, .roll-table th {
  border-style: dotted;
  border: 1px solid #B4722A;
  border-collapse: collapse;
}

.roll-table td, .roll-table th {
  padding: 0.2em;
}