@charset "utf-8";

/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 4
   Review Assignment
   
   Design Style Sheet for Tree and Book Family Home Page
   Author: Landin Jones
   Date: 10/7/2023  
   
   Filename: tb_visual3.css

*/

/* HTML Styles */

html {
	background-image: url(tb_back5.png);
}



/* Page Body Styles */

body {
	border-left: 3px solid rgb(169, 130, 88);
	border-right: 3px solid rgb(169, 130, 88);
	box-shadow: rgb(53, 21, 0) 25px 0px 35px,
				rgb(51, 51, 51) -15px 0px 25px;
}


/* Main Styles */

main {
	background-image: url(tb_back7.png);
	background-size: 100%;
	background-repeat: no-repeat;
	box-shadow: inset 25px rgb(71, 71, 71);
	box-shadow: inset 25px rgb(71, 71, 71);
	box-shadow: inset -10px -10px;
	box-shadow: inset 10px 10px;
}

header > h1 {
	text-shadow: rgb(221, 221, 221) 1px 1px 0;
	text-shadow: rgba(41, 41, 41, 0.9) 5px 5px 20px;
}
	



/* Figure Box Styles */

figure {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
}

figure > img {
	border-width: 25px;
	border-style: solid;
	border-image: url(tb_frame.png) 60px;
	display: block;
	width: 100%;
	filter: sepia(80%);
}

figcaption {
   font-family: 'Palatino Linotype', 'Times new Roman', serif;
   font-style: italic;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 0px;
   padding-right: 0px;
   text-align: center;
}

/* Article Styles */

article {
	background: url(tb_back6.png) bottom right / 15% no-repeat;
	border-style: 8px double rgb(147, 116, 68);
	background-position: right bottom;
	background-position: bottom;
	border: curved bottom right;
	border-bottom-right-radius: 80px;
	box-shadow: -10px -10px 25px rgba(184, 154, 112, 0.7)
}
	
	
	


/* Footer Styles */

footer {
	background: linear-gradient(325deg, rgb(180, 148, 104) 20%,
										rgb(40, 33, 23)) 60%;
}