/* Student Name: Khalil Moore 
    File Name: index.html 
    Date: 9-23-26 */
    
    /*. = class, # = ID, and no symbol = HTML element.*/
    
    /* CSS Reset */
    body, header, nav, main, footer, img, h1, ul{
       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 mobile viewport*/
    

    
    /*Style Rules to show mobile class and hide tab-desk class*/
    
    .mobile {
    display: block;
    }
        /*Step 9a*/
    .mobile h1 {
    font-family: "Orbitron", system-ui;
    font-weight: 400;
    font-style: normal;
    }
    
    .mobile h3 {
    font-family: "Orbitron", serif;
    font-weight: 400;
    font-style: normal;
    }
    
    
    .tab-desk {
        display: none;
    }
    
    /*Style Rules for header area*/
    
    
    /*Style Rules for main content*/
    main{
        padding: 2%;
        /*Step 9c*/
        font-family: "Lora", serif;
        font-weight: 400;
        font-style: normal;
    }
    
    main p{
        font: 1.25em;
    }
    
    main h3{
        padding-top: 2%
    }
    
    main ul{
        list-style-type: square;
    }
    
    .class-selector-link{
        color: #4d3319;
        text-decoration: none;
        font-weight: bold;
        font-style: italic;
    }
    
    /*Step 11-13*/
    .action{
        font-size: 1.75em;
        font-weight: bold;
        text-align: center;
        
    }
    
    .round{
        border-radius: 6px;
    }
    
    #info ul{
        margin-left: 10%;
    }
    
    .contact {
        text-align: center;
    }
    
    /*(Stopping point 9.23.26 @1-2); Continue to Step 9*/
    
    
    

    /*Style rules for navigation area*/
    nav {
        background-color: #2a1f14;
    }
    
    nav ul{
        list-style-type: none;
        text-align: center;
    }
     /*step 7c, 10*/
    nav li{
        display: block;
        border-top: 0.5px solid #f6eee4;
        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;
    }
    
    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;
    }
    
    tel-link {
    background-color: #2a1f14;
    padding: 2%;
    width: 80%;
    margin: 0 auto;
    }
    
    tel-link {
    color: #f6eee4;
    text-decoration: none;
    font-weight: bold; 
    }
    
    
    /*Style rules for footer content*/ 
    footer {
        text-align: center;
        font-size: 0.85em;
        background-color: #2a1f14;
        color: #f6eee4;
        padding: 1% 0;
    }
    
    footer a{
        color: #f3e6d8;
        text-decoration: none;
    }