/* Cursive that is easy to read */
@import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap');

.petit-formal-script-regular {
  font-family: "Petit Formal Script", cursive;
  font-weight: 400;
  font-style: normal;
}

/* Imported cursive font - used in body */
@font-face { 
	font-family: "Goudy Bookletter 1911"; 
	src: url("./font_folder/goudy_bookletter_1911.woff") format("woff"),
	url("./font_folder/goudy_bookletter_1911.woff") format("woff");
	font-weight: normal;
	font-style: normal; 
	font-display: swap; 
}

/* Imported Segment Font - used in body */
@font-face { 
	font-family: "Segment-Regular"; 
	src: url("./font_folder/Segment-Regular.woff") format("woff"),
	url("./font_folder/Segment-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal; 
	font-display: swap; 
}

/* Libre Baskerville */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap');

.libre-baskerville {
  font-family: "Libre Baskerville", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


/* Homemade Apple */

	@font-face {
            font-family: 'Homemade Apple';
            src: url('./font_folder/HomemadeApple-Regular.ttf') format('truetype');
        }
        
        
/* Mix Stitch */
        	@font-face {
            font-family: 'Mix Stitch';
            src: url('./font_folder/MixStitch.ttf') format('truetype');
        }
        
        
 /* Mix Stitch */
        	@font-face {
            font-family: 'Annies Quill';
            src: url('./font_folder/AnniesQuill-Regular.otf') format('opentype');
        }


/* Background image default */
body {
  background-image: url('images_folder/punkins.jpg');
  color: dark grey;
}

/* Blog Page BG */
.blogpage-background {
  background-image: url('blog_page/birds.jpg');
}

/* Book Page BG */
.bookpage-background{
  background-image: url('images_folder/greenbirds.jpg');
}


/* Header & navbar */
.headerbar{
  background-color: #F5EFE6;
  opacity: 70%;
}

.navbar{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 1rem;
  list-style: none;
  font-size: 1.5em;
}

 .navbar a:link {
      text-decoration: none;
      color: black;
}

.navbar a:visited {
      color: black;
}

.navbar a:hover {
      text-decoration: none;
       color: orange;
}

.navbar a:active {
      text-decoration: none;
}

/* Specifically the header font */
.nametitle h1{
  font-family: "Homemade Apple", cursive;
  font-weight: lighter;
  position:relative;
  background: rgb(245 239 230 / 85%);
  width: fit-content;
  margin-inline: auto;
  border: 20px solid transparent; 
border-image: url('/blog_page/whitelace.png') 36 round;
background-clip: padding-box;
color: #423026;
}

.nametitle h1{
  font-size:2em;
  color: #8f4c18;
  text-align: center;
}

.bodytext{
  font-family: "Libre Baskerville", serif;
  font-size: 1.05em;
  background: rgb(245 239 230 / 90%);
  padding: 1em;
  display:block;
  width:90%;
  max-width:800px;
  margin:0 auto;
  position:relative;
  border: 20px solid transparent; 
border-image: url('/blog_page/whitelace.png') 36 round;
background-clip: padding-box;
color: #423026;
}


/* --BLOG PAGE-- */
.blogtext{
  font-family: "Libre Baskerville", serif;
  font-size: 1.05em;
  background: rgb(245 239 230 / 90%);
  padding: 1em;
  display:block;
  width:90%;
  max-width:800px;
  margin:0 auto;
  position:relative;
  border: 20px solid transparent; 
border-image: url('/blog_page/whitelace.png') 36 round;
background-clip: padding-box;
color: #423026;
}

/* --BLOG PAGE-- */
.booktext{
  font-family: "Libre Baskerville", serif;
  font-size: 1.05em;
  background: rgb(245 239 230 / 90%);
  padding: 1em;
  display:block;
  width:90%;
  max-width:800px;
  margin:0 auto;
  position:relative;
  border: 20px solid transparent; 
border-image: url('/blog_page/whitelace.png') 36 round;
background-clip: padding-box;
color: #423026;
}