/*
   New Perspectives on HTML and CSS
   Tutorial 4
   Case Problem 1

   History Style Sheet
   Author: Phoebe Palenik 
   Date: 9/29/25 

   Filename:         history.css
   Supporting Files: 

*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

header,
nav.vertical,
#speech {
	display: block;
}

header {
	background-color: rgb(51, 51, 51);
	text-align: center;
	width: 55em;
	margin: 0 auto;
}

header img {
	width: 4em;
}

nav.vertical {
	width: 15em;
	background-color: rgb(51, 51, 51);
	float: left;
}

nav.vertical ul li {
	font-family: 'Century Gothic', sans-serif;
	font-size: 0.7em;
	list-style-type: none;
	line-height: 1.4em;
	margin-left: 1em;
	margin-bottom: 1.2em;
}

nav.vertical ul li a {
	color: rgb(212, 212, 212);
	text-decoration: none;
}

nav.vertical ul li a:hover {
	color: white;
}

#speech {
	background-color: rgb(212, 212, 212);
	width: 40em;
	float: left;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#speech h1 {
	background-color: rgb(51, 51, 51);
	color: rgb(212, 212, 212);
	font-size: 2em;
	text-align: center;
}

#speech p {
	font-size: 0.9em;
	margin: 1em;
}

#speech p:first-of-type::first-letter {
	float: left;
	font-size: 4em;
	line-height: 0.8em;
	margin-right: 0.3;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	border-right: 0.02em solid black;
	border-bottom: 0.02em solid black;
}

#speech p:first-of-type::first-line {
	text-transform: uppercase;
}

#speech p img {
	float: right;
	clear: right;
	height: 4em;
}