:root {
  --background-color: #800080;
  --text-color: white;
  --tertiary-color: #57536c;
  --secondary-color: #7a4957;
  --primary-color: #c42ccb;
  --primary-color-30: #f7adf7;
  --text-color-hover: var(--background-color);
  --border-color: var(--background-color);
  --system-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --page-max-width: 600px;
  --media-max-width: 800px;
  --headline-xl: 44px;
  --headline-lg: 24px;
}

body {
  font-family: var(--system-ui);
}

* {
  text-align: center;
}

img {
  max-width: 100%;
}

.dwue-cover {
  width: 100%;
  max-width: var(--media-max-width);
}

.sold-out {
  color: red;
}

ul {
  display: block;
  margin: 0 auto;
  padding: 0;
  max-width: var(--page-max-width);
}

li {
  list-style: none;
  margin-bottom: 15px;
}

.about-me {
  display: block;
  max-width: var(--page-max-width);
  margin: 0 auto;
  line-height: 1.5em;
}

.about-me p {
  text-wrap: balance;
}

.about-my-book {
  max-width: var(--page-max-width);
  margin: 0 auto;
}

.video {
  height: 80vh;
}

.headline-lg {
  font-size: var(--headline-lg);
}

.headline-xl {
  font-size: var(--headline-xl);
  margin-bottom: 0;
}