.writing {
  display: flex;
  flex-direction: column;
}

.writing-title {
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #a9a29a;
  margin-bottom: 28px;
}

.entry {
  font-size: 0.92rem;
  line-height: 1.7;
  margin-bottom: 26px;
  position: relative;
}

.entry:last-child { margin-bottom: 0; }

.entry-title {
  font-weight: 700;
  color: #1a1a1a;
  text-decoration: none;
  display: block;
  width: fit-content;
}

.entry-title:hover { color: #595959; }

.entry-title[href="computer-things.html"] { font-family: 'VT323', monospace; font-weight: 400; font-size: 1.25em; line-height: 1.25; }
.entry-title[href="website-setup.html"] { font-family: 'Xanh Mono', monospace; font-weight: 400; }
.entry-title[href="manifest.html"] { font-family: 'Cormorant', serif; }
.entry-title[href="goals-of-these-notes.html"] { font-family: 'Barriecito', cursive; font-weight: 400; }
.entry-title[href="notes-on-not-feeling-the-pace-of-progress.html"] { font-family: 'Josefin Sans', sans-serif; font-weight: 400; }

.entry-meta {
  color: #7a7a7a;
  margin-top: 4px;
  float: right;
  margin-left: 16px;
}

.entry-desc { margin-top: 4px; }

.entry-meta, .entry-desc { font-family: 'IBM Plex Mono', monospace; font-size: 0.91em; }

.entry-meta { font-size: 0.82em; }

@media (min-width: 800px) {
  .entry-meta {
    float: none;
    position: absolute;
    top: 0;
    right: 100%;
    margin: 0 16px 0 0;
    white-space: nowrap;
    text-align: right;
    line-height: calc(1.7em / 0.82);
  }
}

@media (max-width: 600px) {
  .writing-title { font-size: 0.64rem; }
  .entry { font-size: 0.82rem; }
}