@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: Isaac Schaeffer
   Date:   10/10/26
   
   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(53,21,0) -25px 0px 35px;
}

/* Main Styles */

main {
   background-image: url(tb_back7.png);
   background-size: 100%;
   background-repeat: no-repeat;
   background-origin: padding-box;
   box-shadow: rgb(71,71,71) inset -10px -10px 25px, rgb(71,71,71) inset 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-width: 25px;
   border-style: solid;
   border-image: url(tb_frame.png) 60 stretch;
   display: block;
   filter: sepia(80%);
   -webkit-filter: sepia(80%);
}

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

/* Article Styles */

article {
   background-image: url(tb_back6.png);
   background-position: bottom right;
   background-size: 15%;
   background-repeat: 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: rgba(184,154,112,0.7) inset -10px -10px 25px;
}

/* Footer Styles */

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