/*Fonts*/

@font-face {
    font-family: "Scaly Sans";
    src:
        local("Scaly Sans"),
        url('./Scaly Sans/Scaly Sans.otf'),
        url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Scaly%20Sans/Scaly%20Sans.otf") format("opentype");
}

@font-face {
    font-family: 'CAT Childs';
    src: url('https://thesiat.com/fonts/catchilds-webfont.woff2') format('woff2'),
         url('https://thesiat.com/fonts/catchilds-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Goudy Initialen';
    src: url('https://thesiat.com/fonts/goudyini-webfont.woff2') format('woff2'),
         url('https://thesiat.com/fonts/goudyini-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*Disables select and therefore copy-paste*/
body {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

/*The rest of body styling*/
body {
	background: rgb(176,165,160);
	background: linear-gradient(90deg, rgba(127,115,108,1) 0%, rgba(142,130,125,1) 3%, rgba(176,165,160,1) 56%, rgba(142,130,125,1) 96%, rgba(127,115,108,1) 100%);
	color: rgb(0,1,6);
	font-family: 'Linux Libertine', Georgia, serif;
	width: 70%;
  margin:auto;
	padding-top: 50px;
	padding-bottom: 50px;
}

p {
  font-size: 1.4em;
	display: block;
	margin-top: 0em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
}

i, em {
	font-style: italic;
}

b, strong {
	font-weight: bold;
}

a:link, a:visited {
    color: rgb(10,0,15);
	text-decoration: none;
	cursor: pointer;
    display: inline-block;
}

a:hover, a:active {
	text-shadow: 0 0 5px #FFf, 0 0 10px #fef;
    color:#fff;
}
  
h1, h2, h6 {
	font-family: CAT Childs, script;
	text-align:center;
}

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	font-weight:normal;
	padding-bottom:5px;
	display:block;
	column-span:all;
	color: rgb(0,10,15);
}

h1 {
	font-size: 2.5em;
    }

/*h2 is for chapter titles and needs the extra space after for chapter text*/    
h2 {
	font-size: 1.8em;
	padding-bottom:50px!important;
    }
  
h3 {
	font-size: 1.6em;
}

h4 {
	font-size:1.45em;
}
 	
h5 {
	font-size: 1.3em;
}

/*h6 is going to be the footer with the back-next-home links in it.*/
h6 {
	font-size: 1.2em;
	color:#000;
	text-align:center;
}

hr {
  border: none;
  border-top: 2px solid rgb(0,10,15);
  color: rgb(0,10,15);
  overflow: visible;
  text-align: center;
  height: 5px;
  width: 50%;
}

hr::before {
  background: transparent;
  color: rgb(0,10,15);
  content: '✦';
  padding: 0 4px;
  position: relative;
  top: -16px;
  font-size: 1.3em;
}

/*you must still include the footer on every page! here is the copypaste: All literary content © Benjamin Jas. Drago 202x. No reproduction or distribution of this work for any reason is permitted.*/

footer {
  position: relative;
  display:block;
  background-color: transparent;
  color: rgba(130,125,142,.7);
  text-align: center;
  font-family:'Scaly Sans', sans-serif;
  font-size:.5em;
  column-span:all;
  margin:auto!important;
  width:100%;
}

/*Drop Cap must have <span class="drop"> </span> around the first letter*/
.drop {
	color: #000;
	text-align:center;
	display:block;
	float: left;
	width: auto;
	height: 1em;
	font-size: 5.9em;
	font-family: Art Nouveau Caps, script;
	line-height: 1em;
	border:2px solid #102;
    background: #102;
    
	/* L/Rpx U/Dpx spreadpx. -negative is left or up, pos right or down */
	text-shadow: 0px 0px 5px #fff, 0px 0px 10px #e0f, 0px 0px 15px #607, 0px 0px 20px #607;		
    box-shadow: 0px 0px 2px #000;
	
	/* top right bottom left is always the order. Margin is outside Padding bc M comes before P */
	margin:3px 10px 3px 0px;
	padding:7px;
	
}


/*this is a div class="footnotes"*/
.footnotes {
	font-size: 75%;
	border-top: 1px solid rgb(0,10,15);
	padding-top:15px;
	font-family: 'Scaly Sans Remake', verdana, sans-serif;
}

/* div classes--divs are paragraph, unlike span, which is inline */


.sms {
	font-family:monospace;
	padding-inline: 33%; /*padding-inline is padding on either SIDE*/
	padding-block: 25px; /*padding-block is padding on TOP and BOTTOM*/
	border-radius:25px;
}


.discord {
	font-family: "gg sans", sans-serif;
	padding-inline: 5%;
	padding-block: 10px;
	border: 15px 0 0 0 solid #5865F2;
}


.reviews {
	font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Helvetica,sans-serif,'GNU Unifont';
	background: rgba(255,255,255,0.7);
	color: #2a2a2a;
	font-size: 0.8em;
	padding-inline: 15px;
	padding-block: 15px;
	margin: 50px;
	border: 1px solid #a00;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);
}

.chapterindex {
	font:'CAT Childs', cursive;
	display:block;
}

  
  /*Styling for Letters/Signatures. Hashtag is a div id, Dot is a p class*/
  
#letters {
   background-image: url('https://thesiat.com/media/pix/backgrounds/phb_bg.jpg');
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin: auto;
  width: 500px;
  box-shadow: 6px 6px 5px #666;
  border: none;
  border-radius:1px;
  color: #310138;
}

#letters p {
  font-style: italic;
}

.beau,
.claudiu,
.dmitri,
.dracula,
.phrixus,
.rene,
.roseblade,
.victoria {
  font-size: 200% !important;
  font-style:normal!important;
  padding-bottom:30px;
  padding-top:0px;
  padding-left:30px;
}