/*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: 'Dark Magic';
    src: url('https://thesiat.com/fonts/DarkMagic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lordish';
    src: url('https://thesiat.com/fonts/lordish-regular-webfont.woff2') format('woff2'),
         url('https://thesiat.com/fonts/fonts/lordish-regular-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 
  }*/

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

/*The rest of body styling*/
body {
	background: #c5bfba;
	color: #000;
	font-family: 'Linux Libertine', Georgia, serif;
	font-size: 1.5em;
	width: 95%;
    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: #020;
}

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

blockquote {
  color: #020;
  font-style: italic;
  background-image: url('https://images.squidge.org/images/2022/11/13/phb_bg.jpg');
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
  padding-bottom: 30px;
  margin: auto auto 20px auto;
  width:  500px;
  box-shadow: 6px 6px 5px #666;
  border: none;
  border-radius:1px;
}

a:link, a:visited {
    color: #030;
	text-decoration: none;
	cursor: pointer;
    display: inline-block;
}

a:hover, a:active {
	text-shadow: 0 0 10px #fff, 0 0 15px #efe;
    color:#000;
}
  
h1, h2 {
	font-family: 'Lordish', serif;
	text-align:center;
}


h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding-bottom:5px;
	display:block;
	column-span:all;
}

h1 {
	font-size: 2.5em;
    color: #020;
    
    }
 
h2 {
	font-size: 2em;
	color:#030;
    }
  
h3 {
	font-size: 1.2em;
	color:#040;
	font-weight:bold;
}

h4 {
	font-size:1.12em;
	color:#030;
	font-weight:bold;
}
 	
h5 {
	font-size: 1em;
	color:#020;
	font-style:italic;
	font-weight:normal;
}

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


* {
  box-sizing: border-box;
}

/* Create two equal columns that float next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

/*Drop Cap must have <span class="drop"> </span> around the first letter*/
.drop {
	display:block;
	float: left;
	width: auto;
	height: 1.1em;
	font-size: 5.9em;
	font-family: 'Dark Magic', script;
	line-height: 1em;
  background:transparent;
  text-shadow: 1px 1px 0px #8a7f77;
	margin: 3px 3px 3px 0px;
	padding: 3px;
	color: #020;
	text-align:center;
}


/*this is a div class="footnotes" use for footer*/
.footnotes {
  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%;
}


hr {
	margin: 2em auto;
    width:0px;
	border: 8px solid transparent;
	text-align:center;
	border-image: url(https://images.squidge.org/images/2023/11/06/black-32-heart-for-HR.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;
}

.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;
}

.beau {
  font-family: "Konstytucja Polska cleaned", script;
}

.claudiu {
  font-family: "Janda As Long As You Love Me", script;
}

.dmitri {
  font-family: "Edwardian Script ITC", script;
}

.dracula {
  font-family: "Tipbrush Script", script;
}

.phrixus {
  font-family: "DeiGratia", script;
}

.rene {
  font-family: "Darleston", script;
}

.roseblade {
  font-family: "JaneAusten", script;
}

.victoria {
  font-family: "Edwardian Script ITC", script;
}