body {
  margin: 0;
  min-height: 100vh;
  font-family: "IBM Plex Sans", sans-serif !important;
  font-optical-sizing: auto;
  background:
    radial-gradient(150% 60% at 30% 100%, #68a436 0%, #68a436 50%, transparent 50.1%),
    radial-gradient(200% 60% at 75% 105%, #7bad42 0%, #7bad42 50%, transparent 50.1%),
    linear-gradient(to bottom, #2682e7 0%, #87ceeb 100%);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.title-bar,
.window,
button,
input,
label,
legend,
li[role=tab],
option,
select,
table,
textarea,
ul.tree-view {
  font-family: "IBM Plex Sans", sans-serif;
}

.win-card {
  margin: 64px;
  width: 256px;
  max-width: calc(100vw - 128px);
}

.win-img {
  margin: 0 92px;
  width: 384px;
  max-width: calc(100vw - 184px);
}

.win-page {
  margin: 64px auto;
  max-width: 720px;
}

@media (max-width: 600px) {
  .win-card,
  .win-img {
    margin: 16px;
    width: auto;
    max-width: calc(100vw - 32px);
  }
  .win-page {
    margin: 16px;
  }
}

.window-body > ul,
.about ul {
  margin-left: -16px;
  line-height: 1.6rem;
}

.about p {
  margin: 0.5em 0;
}

.button {
  margin-top: 8px;
}

.post-content {
  padding: 0.4em 1.4em;
  transform: perspective(0px);
  font-size: 1.5rem;
}

code,
pre,
kbd,
samp {
  font-family: "IBM Plex Mono", monospace !important;
}

.post-content h1 { font-size: 2rem; margin: 0.6em 0 0.4em; }
.post-content h2 { font-size: 1.75rem; margin: 0.6em 0 0.3em; }
.post-content h3 { font-size: 1.5rem; margin: 0.5em 0 0.3em; }
.post-content p { margin: 0.5em 0; }
.post-content img { max-width: 100%; }
.post-content pre {
  font-size: 1rem;
  background: #fff;
  border: 1px solid #808080;
  padding: 8px;
  overflow-x: auto;
}
.post-content > .field-row {
  margin: 12px 0 0;
}

.status-bar-field {
  transform: perspective(0px);
}

.status-bar a {
  margin-right: 4px;
}

@media print {
  body {
    background: #fff !important;
  }
  .win-page {
    margin: 0;
    max-width: none;
    box-shadow: none;
    border: none;
  }
  .title-bar,
  .status-bar,
  .field-row {
    display: none !important;
  }
  .window-body {
    margin: 0;
  }
  .field-border {
    border: none;
    padding: 0;
    box-shadow: none;
  }
  a {
    color: #000;
    text-decoration: none;
  }
}