@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400|Syncopate:400|Oxygen:400|Poppins:300,400,800&display=swap');

/* page and navigation banner*/
.pageScape
{ 	width: 98%;
	margin-left: auto;
	margin-right: auto;
	height: 1000px;
	background-color: #fff;  
}
.navBanner
{
	width: 100%;
	height: 5%;
	background-color: #9b5a40;
	border-top: 2px solid #170d09;
	border-bottom: 1px solid #170d09;
	padding-right: 0px;
}
.SepiaFontSpan
{
	vertical-align: top;
}
.Sepia-S
{
	font-family: 'Lato';
	font-weight: 300;
	font-size: 2.99em;
	color: #392116;	
	margin-left: -.025em;
}
.Sepia-E
{
	font-family: 'Lato';
	font-weight: 300;
	font-size: 2.75em;
	color: #f1e3de;
	margin-left: -.25em;
    -webkit-text-stroke-width: .1px;
    -webkit-text-stroke-color: black;
}
.Sepia-P
{
	font-family: 'Lato';
	font-weight: 300;
	font-size: 2.75em;
	color: #52332a;
	margin-left: -.225em;
    -webkit-text-stroke-width: .1px;
    -webkit-text-stroke-color: black;
}
.Sepia-I
{
	font-family: 'Lato';
	font-weight: 300;
	font-size: 2.75em;
	color: #1d120e;
	margin-left: -.2em;
    -webkit-text-stroke-width: .1px;
    -webkit-text-stroke-color: white;
}
.Sepia-A
{
	font-family: 'Lato';
	font-weight: 300;
	font-size: 2.75em;
	color: #6f2609;
	margin-left: -.25em;
    -webkit-text-stroke-width: .1px;
    -webkit-text-stroke-color: white;
}
.Features
{
	font-family: 'Lato';
	font-weight: 300;
	font-size: 2.55em;
	color: white;
	margin-left: -.25em;
    -webkit-text-stroke-width: .1px;
    -webkit-text-stroke-color: black;
	
}
.navLinks
{
	width: auto;
	height: 100%;
	margin-right: 3em;
	margin-bottom: 3%;
	padding-left: 60vw;
	position: sticky;
	font-family: 'Lato';
	font-weight: 300;
	font-size: 1.1em;
	color: white;
}
.navImage
{
	width: 100%;
	height: 100%;
	background-image: url("../images/SVG/Sepia-web-title-background.svg");
	background-repeat: no-repeat;
	background-size: contain;
}
.theWorks
{
	width: 100%;
	font-family: 'Lato';
	font-size: 2em;
}

span.heading
{
	display: inline-block;
	width: 100%;
}
.bookSmallImage
{	
	width: 10%;
	float: left;
	margin-left: .25%;
	border-right: thin #874804 solid;
}
.retailerText
{
	width: 10%;
	float:left;
	margin-left: 5%;
	margin-top: 2%;
}
.PageTitle
{
	width: 45%;
	float: left;
	font-size: 30px; 
	color: #392117; 
	font-weight: normal; 
	font-family: 'Syncopate';
	margin-top: 3%;
}
.interactDisclaimer
{
	width: 20%;
	float: left;
	margin-right: 3%;
	padding-left: 1.5%;
	text-align: justify;
	border-left: thin #874804 solid;

}
.textarea
{
	font-size: 15px;
	font-family: 'Lato';
	font-weight: 300;
	height:  40px;
	width: 155px;
}


.PuzTitle 
{
 	font-size: 30px; 
	color: #392117; 
	font-weight: normal; 
	font-family: 'Syncopate';
 }
.CopyTag {
 font-size: 10pt; color: #000000
 }
table, td{
	margin-top: 1em;
	margin-bottom: 3em;
	border-top: .5px solid #AE6201;
}
td{
	vertical-align: top;
	border: .5px solid black;
	padding-left: 1em;
	padding-right: 1em;

}
span.interact
{
  display: inline-block;
  width: 100%;
}
span.bookImage
{
	width: 35%;
	float: left;
	margin-left: 10%;
}
span.script
{
	width: 35%;
	float: left;
	margin-right: 1%;
}
.luminate 
{
  color: #fff;
  margin-top: 2px;
  height: 50%;
  overflow: hidden;
  background: #8F3F1E;
  display: flex;
  align-items: center;
  justify-content: center;
	margin-bottom: 2px;
}
.glow-div 
{
  background: 100% 100% / 100% 100% no-repeat
              radial-gradient(ellipse at top, #fff, transparent, transparent);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 4vw;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
  font-family: 'Syncopate', sans-serif;
  animation: reveal 3000ms ease-in-out 1 200ms,
             glow 6500ms ease-in-out 2 2000ms;
	animation-delay: 2000ms, 4500ms;
}

  @keyframes reveal 
	{
    80%{
      letter-spacing: 16px;
       }
    100% {
      background-size: 300% 300%;
    }
  }
  @keyframes glow {
    40% {
      text-shadow: 0 0 8px #fff;
    }
  }