body {
      margin: 0;
      padding: 0;
      background: #f7f4e6;
      font-family: EB;
	  font-size: 1.2em;
	  background-image: url("../images/arrivalstar_bg.png");
	  background-repeat: repeat;

    }

.book {
	  margin: auto;
      display: flex;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
      min-height: 20%;
	  min-: 90%;
      max-width: 90%;
      overflow: hidden;
      position: relative;
	  margin-bottom: .5%;
	  margin-top: .5%;
    }

.pages_desktop {
      column-count: 2;
      column-gap: 100px;
      padding: 80px;
	  padding-top: 40px;
      flex: 1;
      overflow-y: auto;
	  text-align: justify;
	  background: linear-gradient(
		to right,
		#f4f4f4 0%,
		#f4f4f4 48%,
		#e4e4e4 49%,
		#eaeaea 50%,
		#fff 51%,
		#fff 100%
	  ),
		url("../images/paper.png");
		 background-blend-mode: multiply;
    }
	
.pages_mobile {
      column-count: 1;
      column-gap: 80px;
      padding: 40px;
	  padding-top: 20px;
      flex: 1;
      overflow-y: auto;
	  text-align: justify;
	  background: linear-gradient(
		to right,
		#e4e4e4 0%,
		#e4e4e4 2%,
		#e4e4e4 3%,
		#fff 10%,
		#fff 90%,
		#e4e4e4 100%
	  ),
	  		url("../images/paper.png");
		 background-blend-mode: multiply;
    }

.spine {
      width: 1px;
      background: #aaa;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }

.nav-buttons {
	  display: flex;
	  justify-content: space-between;  /* push buttons to edges */
	  margin-top: .5%;
	  margin-left: 5%;
	  margin-right: 5%;
	}
	
.arrival {
		text-align: center;
	}
	
li {
		font-size: 1.2em;
		
	}
	
ul{
		list-style-type: square;
		font-size: 0.8em;
	
	}
	
ol{
		list-style-type: none;
	}
	
h1{
		text-align: center;
	}
	
h2{
		font-family: OL;
		font-size: 3em;
		color: darkred;
		letter-spacing: 2px;
		-webkit-text-stroke-width: 1.5px;
		-webkit-text-stroke-color: gold;
		text-shadow: 2px 2px 1px black;
		text-align: left;
	}
	
h3{
		font-family: OL;
		font-size: 3em;
		color: darkred;
		letter-spacing: 1px;
		-webkit-text-stroke-width: 1.5px;
		-webkit-text-stroke-color: gold;
		text-shadow: 1px 1px 1px black;
	}
	
h4{
		font-family: OL;
		font-size: 3.5em;
		color: darkred;
		letter-spacing: 1px;
		-webkit-text-stroke-width: 1.5px;
		-webkit-text-stroke-color: gold;
		text-shadow: 1px 1px 1px black;
	}
	
.fix_stroke {
   paint-order: stroke fill;
	}
	
.align_right{
		text-align: right;
	}
	
.align_left{
		text-align: left;
	}
	
.align_center{
		text-align: center;
	}
	
.bride {
		color: blue;
	}
	
.listfont{
		font-size: 1.0em
		
	}
	
.no-wrap {

    display: inline-block;
 
	}

.wrapped-image {
		float: left;           /* pushes image to the left, lets text flow around it */
		margin: 0 5px 0px 0; /* space around image so text isn’t flush against it */
		width: 75px;          /* optional: set size */
	}

.wrapped-text {
		float: left;           /* pushes image to the left, lets text flow around it */
		margin: -15px -18px 0px 0; /* space around image so text isn’t flush against it */
		width: 80px; 		/* optional: set size */
		height: 60px;
	}

	
.wrapped-text2 {
		float: left;           /* pushes image to the left, lets text flow around it */
		margin: -10px -40px 0px 0; /* space around image so text isn’t flush against it */
		width: 80px;          /* optional: set size */
		height: 40px;
	}
	
.wrapped-textB {
		float: left;           /* pushes image to the left, lets text flow around it */
		margin: -15px -30px 0px 0; /* space around image so text isn’t flush against it */
		width: 80px;          /* optional: set size */
		height: 45px;
	}
	
.invisible-anchor {
		color: transparent;            /* hide text visually */
		text-decoration: none;
		background: transparent;
		outline: none;
		/* ensure it still takes up space if you want */
	}
p {
  text-indent: 2em; /* or px, %, etc. */
}
	
	
	/* fonts */
	/* fonts */
	@font-face {
	   font-family: EB;
	   src: url(../fonts/EBGaramond-VariableFont_wght.ttf);
}
	@font-face {
		font-family: EB;
		src: url(../fonts/EBGaramond-Bold.ttf);
		font-weight: bold;
}
	@font-face {
	   font-family: OL;
	   src: url(../fonts/OldLondon.ttf);
}