/*Fic 2 CSS*/


/*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-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');
}                              

/*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 /
}*/

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

/*footer is where the copyright info is*/

footer {
  position: relative;
  display:block;
  background-color: transparent;
  color: #888;
  text-align: center;
  font-family:verdana, sans-serif;
  font-size:.5em;
  column-span:all;
  margin:auto!important;
  width:100%;
}

/*The rest of body styling*/

body {
	background: #aaa;
	color: #040005;
	font-family: 'Linux Libertine', Linux Libertine, Georgia, serif;
	font-size: 1.2em;
	width: 70%;
    margin:auto;
	padding-top: 50px;
	padding-bottom: 50px;
}

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

i, em {
	font-style: italic;
	color: #070009;

}

b, strong {
	font-weight: bold;
	color: #000202;
}

a:link, a:visited {
    color: #0D0011;
	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;
}

h1 {
	font-size: 2.5em;
    color: #000708;
	padding-bottom:50px!important;
    }
    
h2 {
	font-size: 1.8em;
	color:#0d0011;
    }
  
h3 {
	font-size: 1.6em;
	color:#000708;
}

h4 {
	font-size:1.45em;
	color:#0d0011;
}
 	
h5 {
	font-size: 1.3em;
	color:#000708;
}

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

/*Drop Cap must have <span class="drop"> </span> around the first letter*/
.drop {
	display:block;
	float: left;
	width: auto;
	height: 1em;
	font-size: 8em;
	font-family: 'Goudy Initialen', script;
	line-height: 1em;
    background:none;
	margin:-10px 1px 1px 0px;
	color: #051B05;
	text-align:center;
}


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

hr {
	margin: 2em auto;
    width:0px;
	border: 8px solid transparent;
	text-align:center;
	border-image: url(https://images.squidge.org/images/2022/11/15/purple32heart.png) 50% 16 round;
  }
  
  /*Styling for Letters/Signatures. Hashtag is a div id, Dot is a p class*/
  
#letters {
   background-image: url('https://images.squidge.org/images/2022/11/13/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;
}

.tg  {
	border:0;
	font-family:inherit;
	color:#303;
	}
	
.tg td{
	background-color:#aaa;
	border:0;
	}
	
.tg th{
	background-color:#aaa;
	border:0;
	}
	
.tg .tg-blue{
background-color:#93c4ff;
font-family:inherit;
text-align:right;
vertical-align:top
}
.tg .tg-grnb{
background-color:#b4d9b8;
font-family:inherit;
font-weight:bold;
text-align:left;
vertical-align:top
}
.tg .tg-blueb{
background-color:#93c4ff;
font-family:inherit;
font-weight:bold;
text-align:left;
vertical-align:top
}
.tg .tg-yellow{
background-color:#ffffc7;
font-family:inherit;
text-align:right;
vertical-align:top
}
.tg .tg-orgb{
background-color:#f9cdad;
font-family:inherit;
font-weight:bold;
text-align:left;
vertical-align:top
}
.tg .tg-red{
background-color:#ffaabb;
font-family:inherit;
text-align:right;
vertical-align:top;
font-weight:normal;
}
.tg .tg-purb{
background-color:#d9b4d9;
font-family:inherit;
font-weight:bold;
text-align:left;
vertical-align:top
}
.tg .tg-redb{
background-color:#ffaabb;
font-family:inherit;
font-weight:bold;
text-align:left;
vertical-align:top
}
.tg .tg-org{
background-color:#f9cdad;
font-family:inherit;
text-align:right;
vertical-align:top
}
.tg .tg-yellowb{
background-color:#ffffc7;
font-family:inherit;
font-weight:bold;
text-align:left;
vertical-align:top
}
.tg .tg-grn{
background-color:#b4d9b8;
font-family:inherit;
text-align:right;
vertical-align:top
}
.tg .tg-pur{
background-color:#d9b4d9;
font-family:inherit;
text-align:right;
vertical-align:top
}

.tg .tg-aquab {
  background-color:#93d5dd;
font-family:inherit;
font-weight:bold;
text-align:left;
vertical-align:top
}

.tg .tg-aqua {
  background-color:#93d5dd;
font-family:inherit;
text-align:right;
vertical-align:top
}

.tg .tg-pinkb {
  background-color:#fbe;
font-family:inherit;
font-weight:bold;
text-align:left;
vertical-align:top
}

.tg .tg-pink {
  background-color:#fbe;
font-family:inherit;
text-align:right;
vertical-align:top
}