body {
      font-family: "Lato", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      background-color: #e0f0ff;
      color: #434747;
      background-color: #ffffff;    
    }
    .book {
      box-shadow: 0 0 20px rgba(0,0,0,0.2);
      background: #fff;
    }
    /* .spine {
      background-color: #FFFFFF;
    } */
    /* .book::before, .book::after {
      background: -webkit-linear-gradient(left, #dddddd 33.33%, #f0f0f0 33.33%, #f0f0f0 66.66%, white 66.66%);
      background: linear-gradient(to right, #dddddd 33.33%, #f0f0f0 33.33%, #f0f0f0 66.66%, white 66.66%);
    } */
    nav.fixed-nav {
      background-color: #d0e6f9;
    }
    nav.fixed-nav button {
      color: #4a90e2;
    }
    .page {
      background: white;
    }
    .page.visible {
      box-shadow: 0 0 30px rgba(0,0,0,0.2);
    }