@charset "utf-8";

/*
   New Perspectives on HTML5 and CSS3, 7th Edition
   Tutorial 4
   Tutorial Case

   Visual Style Sheet for Tree and Book Family Home Page
   Author: Adam Shigley
   Date: 12/20/2020

   Filename: tb_visual1.css

*/


/* Figure Box Styles */
figure {
  border-style: solid;
  border-width: 25px;
  border-image: url(../images/tb_border.png) 50 repeat;
  margin: 20px auto 0px;
  width: 80%;
  opacity: 0.55;
}

figure img {
  display: block;
  width: 100%;
}

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

/* HTML Styles */
html {
  background-image: url(../images/tb_back1.png);
}

/* Article Styles */
article {
  background: url(../images/tb_back2.png) bottom right / 15% no-repeat
  content-box,
  url(../images/tb_back3.png) bottom left / 15% no-repeat
  content-box,
  url(../images/tb_back4.png) 100% / cover no-repeat,
  rgb(211, 211, 211);
  box-shadow: inset rgb(71, 71, 71) -10px -10px 25px,
  inset rgb(71, 71, 71) 10px 10px 25px;
}

article header h1 {
  text-shadow: rgb(181, 211, 181) 2px 2px 1px,
  rgba(21, 21, 21, 0.66) 5px 5px 25px;
}

/* Page Body Styles */
body {
  border-left: 1px solid rgb(51, 51, 51);
  border-right: 1px solid rgb(51, 51, 51);
  box-shadow: rgb(51, 51, 51) 15px 0px 25px,
  rgb(51, 51, 51) -15px 0px 25px;
}

/* Aside Styles */
aside {
  border: 4px double rgb(45, 93, 62);
  border-radius: 30px;
  box-shadow: rgb(51, 91, 51) 0px 0px 20px 10px;
  background: radial-gradient(white, rgb(151, 222, 151), rgb(81, 125, 81));
}

/* Footer Styles */
footer {
  background: linear-gradient(345deg, rgb(172, 232, 172), rgb(21, 35, 21) 80%)
}