@charset "utf-8";

/*
   
   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 opx;
   text-align: center;
}


/* HTML Styles */
/* html {
   background-image: url(../images/tb_back1.png); */
   /* background-position: bottom right;
   background-size: 15%;*/
   /* background-repeat: no-repeat; */
   /* background-origin: content-box; */


/* 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%);
}