/*
  Author:EYOYIBO TORITSEJU
  Date:02/19/2025
  File Name:styles.css
  */
  
  /* CSS Reset */
  body,header,nav,main,footer,img,h1,h3,ul{
      margin: 0;
      padding: 0;
      border: 0;
  }
  
  /* style rules for images */
  boby{
      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;
    }
    
    .tab-desk {
        display: none;
    }
    
    
    /* style rules for header area */
     .mobile h1 {
        font-family: 'Emblema one', cursive;
        font-size: 24px;
        text-align: center;
        color: #333;
    }
    
    .mobile h3 {
        font-family: 'Lora', serif;
        font-size: 20px;
        font-weight: 400;
        text-align: center;
        color: #333;
    }
        
    
    /* style rules for navigation area */
    nav {
        background-color: #2a1f14;
    }
    
    nav ul {
        list-style-type: none;
        text-align: center;
    }

    nav li {
        display: block;
        font-size: 1.5em;
        font-family: Geneva, Arial, sans-serif;
        font-weight: bold;
        border-top: solid border;
        width: 0.5px;
        color: #f6eee4;
    }
    
    nav li a {
        display: block;
        color: #f6eee4;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        padding-left: 2em;
        padding-right: 2em;
        text-decoration: none;
    }
    
    /* style rules for main content*/
    main {
        padding: 2%;
        font-family: 'Lora',sans-serif;
    }
    
    main p {
        font-size: 1.25em;
    }
    
    main h3 {
        padding-top: 2%;
    }
    
    ul {
        list-style-type: square;
    }
    
    .link {
        color: #4d3319;
        text-decoration: none;
        font-weight: bold;
        font-style: italic;
    }
    
    .action {
        font-size: 1.75em;
        font-weight: bold;
        text-align: center;
    }
    
    .round {
        border-radius: 6px;
    }
    
    #info ul {
        margin-left: 10%;
    }
        
    .contact-id-selector {
        text-align: center;
    }
    
    
    
    }
    /* style rules for main content*/
    main {
        padding: 2%;
        background-color: #2a1f14;
        overflow: auto;
        font-family: Verdana, Arial, sans-serif;
    }
    main p {
        font-size: 1.25em;
    }
    
    main h3 {
        padding-top: 2%;
    }
    
    main ul {
        list-style-type: square;
    }
    
    .link {
      color: #4d3319;
      text-decoration: none;
      font-weight: bold;
      font-style: italic;
    }
     
     .action {
         font-size: 1.75em;
         font-weight: bold;
         text-align: center;
     }
     .contact {
         text-align: center;
     }
    
    .tel-link {
        background-color: #2a1f14;
        padding: 2%;
        width: 80%;
        margin: 0 auto;
    }
    
    .tel-link a {
        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;
    }