body {
  background-color: #272b34;
  color: black;
  font-family: Verdana;
}

.infobox {
  margin: 0;
  border: 0;
  box-sizing: border-box;

  font-family: Verdana;

  max-width: 250px;
  color: #dcddde;

  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;

  background-color: rgba(255, 255, 255, 0);
  padding: 6px;
}

/* Margin between blocks */
.infobox > *:not(:last-child) {
  margin-bottom: 6px;
}

/* Defines header container */
.infobox .heading {
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}


/* Infobox main header */
.infobox .heading h2 {
  margin: 0;
  line-height: 1;
  font-size: 20px;
}

/* Infobox block header */
.infobox .heading h3 {
  margin: 0;
  line-height: 1;
  font-size: 16px;
}

.infobox-img {
  display: block;
  width: 100%;
}

/* Row inside a block*/
.infobox-datarow {
  font-size: 12px;
}

/* Block heading margin */
.infobox-group .heading {
  margin-bottom: 8px;
}

/* Defines data display */
.infobox-datarow .data-heading,
.infobox-datarow .data-content {
  display: inline-block;
  margin: 2px;
  vertical-align: top;
}

.infobox-datarow .data-heading {
  width: 72px;
  font-weight: 500;
}

.infobox-datarow .data-content {
  list-style-type: none !important;
  padding-left: 0;
}

.infobox-datarow .data-content * {
  white-space: pre-wrap;
}

/* Removing bullets that obsidian renders from code blocks */
.infobox .infobox-datarow .list-bullet::before,
.infobox .infobox-datarow .list-bullet,
.infobox .infobox-datarow .list-bullet::after {
  all: unset !important;
  display: none !important;
}


/* Increasing page width */
body {
  --file-line-width: 900px;
}