/* styles.css */
:root {
  --fg: #d4c5b0;
  --fg-muted: #7a6e62;
  --ebook-bg: #1c1c1e;
  --ebook-border: #2d2d2f;
  --ebook-progress: #5a9fd4;
}

* {
  box-sizing: border-box;
}

body {
  display: grid;
  background: var(--ebook-bg);
  place-items:  center;
  min-height: 100vh;
  margin: 0;
  font-family: Osaka-Mono, MS Gothic, ui-monospace, monospace;
}

.content {
  max-width: 60rem;
  padding: 2rem;
}

.glitch {
  position: relative;
  color: var(--fg);
  letter-spacing: -.05em;
  z-index: 1;
  line-break: strict;
  font-weight: 400;
  line-height: 1.5;
}

.glitch .char {
  position: relative;
  display: inline-grid;
  place-items:  center;
}

.glitch .char__base {
  display: block;
  text-align: center;
}