body {
      margin: 0;
      padding: 0;
      background: #000000;
      font-family: dos;
	  font-size: 1.4em;
	  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: 1;
      column-gap: 80px;
      padding: 80px;
      flex: 1;
      overflow-y: auto;
	  background: linear-gradient(
		to right,
		#333 0%,
		#222 1%,
		#111 2%,
		#000 3%,
		#000 98%,
		#333 100%
	  );
	  text-align: justify;
    }
	
	.pages_mobile {
      column-count: 1;
      column-gap: 80px;
      padding: 40px;
      flex: 1;
      overflow-y: auto;
	  background: linear-gradient(
		to right,
		#333 0%,
		#222 2%,
		#111 3%,
		#000 10%,
		#000 90%,
		#333 100%
	  );
	  text-align: justify;
	  font-size: 0.8em;
    }

    .spine {
      width: 0px;
      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_desktop {
		text-align: center;
		font-size: 0.5em
	}
	
	.arrival_mobile {
		text-align: center;
		font-size: 0.13em
	}
	
	li {
		font-size: 1.2em;
		
	}
	
	ol{
		item-align: center;
	}
	
	ul{
		list-style-type: square;

	}
	
	h1{
					text-align: center;
	}
	
	.bride {
		color: blue;
	}
	
	.listfont{
		font-size: 1.0em
		
	}
	.red{
		color: #FF0000
	}
	
	.orange{
		color: #FFAA00
	}
	
	.yellow{
		color: #FFF300
	}
	
	.lime{
		color: #DDFF00
	}
	
	.green{
		color: #00FF00
	}
	
	.teal{
		color: #00FFAA
	}
	
	.cyan{
		color: #00FFFF
	}
	
	.lblue{
		color: #00AAFF
	}
	
	.blue{
		color: #000DFF
	}
	
	.indigo{
		color: #1100FF
	}
	
	.purple{
		color: #8800FF
	}
	
	.pink{
		color: #EE00FF
	}
	
	.hotpink{
		color: #FF00CC
	}
		
	.white{
		color: #FFFFFF
	}
	
	.black{
		color: #000000
	}
	
	
	#shadowBox {
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.2);
    /* Black w/opacity/see-through */
    border: 3px solid;
}

p {
  text-indent: 2em; /* or px, %, etc. */
}

.rainbow {
    text-align: center;
    text-decoration: underline;
}
.heaven {
    background: linear-gradient(to right, #ffffff, #6666ff, #0099ff , #FFF300, #ff3399, #6666ff, #ffffff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 6s linear infinite;
    background-size: 400% 100%;
}

.heaven2 {
    background: linear-gradient(to right, #000, #000, #FFF, #000, #000, #000);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation2 6s forwards;
    background-size: 400% 100%;
}

.heaven3 {
    background: linear-gradient(to bottom, #000, #000, #000, #000, #00FF00, #00FF00, #00FF00, #00FF00, #00FF00, #00FF00);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: revealGreen 32s forwards;
    background-size: 100% 400%;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}

@keyframes rainbow_animation2 {
    0% {
        background-position: 0 0;
    }
	100% {
        background-position: -100% 0;
    }
}

@keyframes revealGreen {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -75%;
    }
}




	.invisible-anchor {
  color: transparent;            /* hide text visually */
  text-decoration: none;
  background: transparent;
  outline: none;
  /* ensure it still takes up space if you want */
}
	
	
	
	/* fonts */
	/* fonts */
	@font-face {
	   font-family: dos;
	   src: url(../fonts/ModernDOS8x8.ttf);
}
	@font-face {
		font-family: EB;
		src: url(../fonts/EBGaramond-Bold.ttf);
		font-weight: bold;
}