@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: Jonnie Jucht
   Date:   10.12.2024
   
   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;
		box-shadow: rgb(53, 21, 0) 0px 25px 35px;
	}

/* Main Styles */

	main {
		background: url(tb_back7.png) center / 100% no-repeat padding-box;
		box-shadow: inset rgb(71, 71, 71) -10px -10px 25px,
					inset rgb(71, 71, 71) 10px 10px 25px;
	}
	main h1 {
		text-shadow: rgb(221, 221, 221) 1px 1px 0px,
					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-image: url(tb_frame.png) 60 stretch;
		border-style: solid;
		border-width: 25px;
		display: block;
		width: 100%;
		filter: sepia(100%);
	}
	figure figcaption {
		font-family: 'palatino Linotype', Palatino, '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-right: 8px double rgb(147, 116, 68);
		border-bottom: 8px double rgb(147, 116, 68);
		border-bottom-right-radius: 80px;
		box-shadow: inset rgba(184, 154, 112, 0.7) -10px -10px 25px;
	}

/* Footer Styles */

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