/* Customizations to vue.css */

:root {
  --theme-color: #5a5aad;
}

body {
  font-size: 17px;
}

details {
  background-color: hsl(0 0% 97% / 1);
  padding: 4px 8px;

  summary {
    cursor: pointer;
    background-color: #d5d5d5;
    padding: 4px 8px;
    border-radius: 6px;
    margin-left: -5px;
  }
}

.app-sub-sidebar li::before {
  content: none;
}

/* Styles for my own use */

.indented {
  margin-left: 1.5em;
}

.indented-img img {
  display: inline-block;
  margin-left: 1.5em;
}

img.screenshot {
  display: block;
  border-radius: 8px;
  max-width: min(100%, 600px);
  border: 5px solid #a1a1cf;
}

kbd {
  font-size: 0.85rem;
  border: 1px solid darkgray;
}