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

   History Style Sheet
   Author: Lana Colon
   Date:   3/10/2025

   Filename:         history.css
   Supporting Files: 
   
   <link rel="stylesheet" href="history.css"> */


  header {
  display: block;
}
section {
  display: block;
}
nav {
  display: block;
}
* { 
    padding: 0;
    margin: 0;
}

header {
    background-color: rgb(51, 51, 51);
    align-content: center;
    width: 55em;
}
 header img {
        height: 4em;
    }
    nav {
        float: margin-left;
        width: 15em;
        background-color: rgb(51,51,51);
    }
    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;
    }
 
  li a:link {
        color: rgb(212,212,212);
         text-decoration: none;
    }
    
  li a:hover {
  color: white);
   text-decoration: none;
     }

     #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.3em;
         padding-right: 0.2em;
         padding-bottom: 0.2em;
         border-right-style: solid;
         border-bottom-style: solid;
         border-width: 0.02em;
         
     }
     #speech p:first-of-type::first-line {
         text-transform: uppercase;
     }
     
     #speech img {
         clear: right;
         float: right;
         height: 4em;
     }