html {
  font-size: calc(14px + 0.1vw);
}

body {
  font-family: "Open Sans", sans-serif;
  color: #f1bd62;
  background-color: #580202;
}

.header {
    text-align: center;
    padding: 20px 0 20px 0;
    color: yellow;
}

.header h4 {
    font-size: calc(1.1rem + .5vw);
}
.header-logo {
  width: calc(60px + 1vw);
  height: auto;
  margin-right: 20px;
}
.header-logo img {
  width: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.header-title {
    font-size: calc(36px + 0.2vw);
    font-weight: 600;
}

.body-wrapper table {
  color: #f1bd62;
}
.body-wrapper table > :not(:last-child) > :last-child > * {
  border-bottom-color: #580202;
}
.body-wrapper table thead {
  background-color: #650003;
}
.body-wrapper table thead th {
  border-bottom-width: 8px;
  font-weight: 600;
  font-size: calc(17px + 0.2vw);
  text-align: center;
}
.body-wrapper table tbody th.column-type {
  text-align: center;
  font-size: calc(18px + 0.5vw);
  border-bottom: 4px solid #580202;
  background-color: #650003;
}
.body-wrapper table tbody td {
  border-bottom: 4px solid #580202;
  text-align: center;
  font-weight: 500;
  background-color: #650003;
}
.body-wrapper table tbody td.column-price .price {
    padding-top: 4px;
  font-size: calc(16px + 0.6vw);
}
.body-wrapper table tbody td.column-price .price-change.up {
  color: #0ead69;
}
.body-wrapper table tbody td.column-price .price-change.down {
  color: #d62828;
}

.time {
    padding: 0;
    font-size: 1rem;
    font-weight: 500;
}

/*# sourceMappingURL=site.css.map */