@charset "utf-8";

/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 6
   Coding Challenge 3
   
   Filename: code6-3_layout.css

*/
html {
   width: 100%;
}

body {
   width: 95%;
   margin: 0px auto;
   font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
   font-size: 0.8em;
}

article h2 {
   font-size: 2em;
   letter-spacing: 0.15em;
}
article p {
   margin: 10px;
   font-size: 1.1em;
}

article p:first-of-type::first-line {
   font-variant: small-caps;
   font-size: 1.2em;
}

article p:first-of-type::first-letter {
   display: block;
   float: left;
   font-size: 5em;
   margin: -25px 8px 5px 0px;
   font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}
article > img {
   display: block;
   float: right;
   width: 60%;
   margin: 0px 10px 10px 10px;
}