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

   History Style Sheet
   Author: Jose Castro
   Date: March 7, 2025

   Filename:         history.css
   Supporting Files: 

*/

header, section, nav {
    display: block;
}

* {
    margin: 0;
    padding: 0;
}

header {
    background-color: rgb(51, 51, 51); /* Set background color */
    text-align: center; /*  Centers the contents */
    width: 55em; /*  Sets the width to 55em */
}

header img {
    height: 4em; /* Set the height of the inline image within the header */
}

nav {
    float: left; /* Floats the navigation to the left */
    width: 15em; /* Sest the width to 15em */
    background-color: rgb(51, 51, 51); /* Sets the background color */
}

nav ul {
    list-style-type: none; /* Removes default list styling */
    padding: 0; /* Removes padding */
    margin: 0; /* Removes margin */
}

nav ul li {
  padding: 10px;
  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;
}

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

section.speech img {
  float: right;
  clear: right;
  height: 4em;
}