* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  
  body {
    height: 100%;
    margin: 0;
    padding: 1vh 0 0 0;
    background-image: url(pattern\ 360.jpg);
  }
  
  main {
    width: 100vh;
    height: 100vh;
    display: block;
    justify-self: center;
    margin: 0;
    padding: 0;
    /* background-color: rgba(199, 137, 196, 0.5); */
    border-radius: 25px;
  }


  .sb-page-left {
    width: 70vh;
    height: 70vh;
    margin-top: 2vh;
    margin-bottom: 2vh;
    margin-right: 25%;
  }

  .sb-page-right {
    width: 70vh;
    height: 70vh;
    margin-top: 2vh;
    margin-bottom: 2vh;
    margin-left: 25%;
  }

  #sb-page-left {
    width: 100%;
    height: 100%;
    background-image: url(vecteezy_used-old-notebook-paper-square-background-with-heart-shape_54996268.jpg);
    background-size: contain;
  }

  #sb-page-right {
    width: 100%;
    height: 100%;
    background-image: url(vecteezy_used-old-notebook-paper-square-background-with-heart-shape_54996268_flip.jpg);
    background-size: contain;
  }

  h1 {
    font-family: "MonteCarlo", sans-serif;
    text-align: center;
    color: rgb(248, 133, 196);
  }

  #sb-page-left > .textbox {
    overflow: scroll;
    width: 100%;
    height: 75%;
    margin-top: 3vh;
    padding-left: 6.5vh;
    padding-right: 2.5vh;
  }

  #sb-page-right > .textbox {
    overflow: scroll;
    width: 100%;
    height: 75%;
    margin-top: 3vh;
    padding-right: 6.5vh;
    padding-left: 2.5vh;
  }

  .textbox::-webkit-scrollbar {visibility: visible;}
.textbox::-webkit-scrollbar-thumb:vertical {background-color: rgba(243, 158, 205, 0.829);}
.textbox::-webkit-scrollbar-thumb:horizontal {display: none;}
.textbox::-webkit-scrollbar-button {color: transparent;}
.textbox::-webkit-scrollbar-corner {color: transparent;}
.textbox::-webkit-scrollbar-track:vertical {background-color: rgba(245, 173, 207, 0.4); border: none;}
.textbox::-webkit-scrollbar-track:horizontal {background-color: transparent;}

  .bg-attribution {
    font-family: "Cormorant Infant", sans-serif;
    font-size: 10px;
    text-align: center;
  }

  .bg-attribution > a {
    text-decoration: none;
    color: rgb(243, 158, 205);
  }