@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: Lucas Schiele
    Date:   10/09/2024
   
   Filename: tb_visual3.css

*/

/* HTML Styles */

html {
    background: 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: 25px 0 35px rgb(53, 21, 0), 
                -25px 0 35px rgb(53, 21, 0);
}

/* Main Styles */

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

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

/* Figure Box Styles */

figure {
    margin: 10px auto;
    width: 70%;
}

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

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

/* Article Styles */

article {
    background: url(tb_back6.png) no-repeat bottom right;
    background-size: 15%;
    border-right: 8px double rgb(147, 116, 68);
    border-bottom: 8px double rgb(146, 116 ,68);
    border-bottom-right-radius: 80px;
    box-shadow: inset -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%);
}