Stylus CSS Styling

/* character styling */
p, h1, h2, h3{
    font-family: "Noto Serif JP", "Shippori Mincho Regular", "BIZ UDPGothic", "BIZ UDPMincho Medium", "GenEi Koburi Mincho v5 Regular", "UD Digi Kyokasho N-R";
    font-size: 28px;
}

/* Hide scrollbars */
body {
    overflow: hidden;
}

/* Hide icons */
.action-icon *{
    opacity: 0.25;

}

.action-icon *:hover {
    opacity: 1 !important;
}

/* Height of the content */
.book-content {
  max-height: 800px;
}

/* left and right spacing */
.book-content {
  padding-right: 200px!important;
}

.book-content::before,
.book-content::after {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 200px;
  background: var(--background-color);
}

.book-content::before {
  left: 0;
}

.book-content::after {
  right: 0;
}