* {
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: auto;
  /* font-weight: <weight>; */
  font-style: normal;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
:root {
  --color-bg: #432253;
  --color-sidebar: #550033;
  --color-text: #333333;
  --margin-size: 30px;
}
html {
  overflow: hidden;
  background-image: url("/img/furada-sage-dither.png");
  background-size: 20%;
  color: var(--color-text);
}
.container {
  display: flex;
  flex-direction: row;
}
.sidebar, main {
  background-image: url("/img/leatherstone.jpg");
  border-radius: 1rem;
  border: 1px solid whitesmoke;
  padding: 0.5rem 0.75rem;
  min-width: 10%;
  box-sizing: border-box;
}
.sidebar {
  margin: var(--margin-size);
  position: sticky;
  overflow-y: auto;
  min-height: calc(100dvh - 2*var(--margin-size));
}
main{
  margin: var(--margin-size);
  margin-left: 0;
  flex-grow: 1;
}

nav ul li {
  list-style: none;
  padding: 0.5rem;
}
a,
a:visited {
  color: var(--color-text);
}