/* Student Name: Khalil Moore 
    File Name: index.html 
    Date: 9-16-26 */
    
    /* CSS Reset */
    body, header, nav, main, footer, img, h1{
       margin: 0;
       padding: 0;
       border: 0;
    }
    
    /* Style Rules for body and images */
    body {
        background-color: #f6eee4;
    }
    
    img {
        max-width: 100%;
        display: block;
    }
    
    /*Style rules for navigation area*/
    nav {
        background-color: #2a1f14;
    }
    
    nav ul{
        list-style-type: none;
        margin: 0;
        text-align: center;
    }
     /*step 7c*/
    nav li{
        display: inline-block;
        font-size: 1.5em;
        font-family: Geneva, Arial, sans-serif;
        font-weight: bold;
    }
    
    /*step 7d*/
    nav li a{
        display: block;
        color: #f6eee4;
        padding: 0.5em 2em;
        text-decoration: none;
    }
    
    /*Style rules for main content*/
    main{
        padding: 2%;
        font-family: Verdana, Arial, sans-serif;
    }
    
    main p {
        font-size: 1.25em;
    }
    /*had to remove the main element from h3 to clear the error*/
    h3 {
        padding-top: 2%;
    }
    
    main ul {
       list-style-type: square; 
    }
    
    class-selector-link {
        color: #4d3319;
        text-decoration: none;
        font-weight: bold;
        font-style: italic;
    }
    
    contact {
        text-align: center;
    }
    
    /*Style rules for footer content - Step 9*/
    footer {
        text-align: center;
        font-size: 0.85em;
        background-color: #2a1f14;
        color: #f6eee4;
        padding: 1% 0;
    }
    
    footer a{
        color: #f3e6d8;
        text-decoration: none;
    }