#essaylist{
  list-style: none;
  margin: 30px 0 0 0;
  padding: 20px 0 0 0;
  border-top: 1px dashed var(--line);
  text-align: left;
}

#essaylist li{
  display: flex;
  gap: 18px;
  padding: 7px 0;
  font-size: 14px;
  letter-spacing: 1px;
}


#essaylist a{
  color: var(--paper);
  text-decoration: none;
  border-bottom: 1px dashed var(--line);
}

#essaylist a:hover{
  color: var(--accent);
  border-bottom-color: var(--accent);
}

#backlink{
  margin: 30px 0 0 0;
  text-align: left;
}

#backlink a{
  color: var(--ink-dim);
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 1px;
}

#backlink a:hover{
  color: var(--paper);
}

@media (max-width: 650px){
  #essaylist li{
    flex-direction: column;
    gap: 2px;
  }
}