:root {
        --primary-font: Georgia, serif;
        --primary-color: #336699;
        --spacing-5: 5px;
        --spacing-10: 10px;
        --spacing-20: 20px;
        --spacing-30: 30px;
        --spacing-40: 40px;
        --spacing-50: 50px;
        --spacing-60: 60px;
        --spacing-70: 70px;
        --spacing-80: 80px;
        --max-width-75: 75%;
        --max-width-90: 90%;
    }

    body {
        font-family: var(--primary-font);
        margin: var(--spacing-20);
        padding: 0;
    }

    header, main, footer {
        padding: 1rem;
    }

    main {
        margin: auto;
    }

    footer {
        text-align: center;
    }

    h1, h2, h3, h4, h5 {
        text-align: center;
    }

    h1 { font-size: 1.2rem; margin-bottom: var(--spacing-5); }
    h2 { font-size: 1.1rem; margin-bottom: var(--spacing-50); }
    h3 { font-size: 1.1rem; margin-bottom: var(--spacing-40); }
    h4 { font-size: 1.1rem; margin-bottom: var(--spacing-40); }
    h5 { font-size: 1.1rem; margin-bottom: var(--spacing-40); }

    h1, h2, h3, h4, h5 {
        font-style: italic;
    }

    .text-center {
        text-align: center;
        font-size: 16px;
        margin-bottom: var(--spacing-40);
    }

    .text-left {
        text-align: left;
        font-size: 16px;
        margin-bottom: var(--spacing-30);
    }

    .decorative-line {
        height: 45px;
        background-color: var(--primary-color);
        border-radius: var(--spacing-5);
        width: 100%;
        margin: var(--spacing-20) auto var(--spacing-70) auto;
    }

    .section {
        margin: 0 auto var(--spacing-70) auto;
    }

    .section-75 { width: var(--max-width-75);
    }
        
    .section-90 { width: var(--max-width-90);
    }

    .section-categories, .section-listings {
        font-size: 16px;
        font-weight: bold;
    }

    .category-list {
         font-style: italic;
         list-style: none;
         padding: 0;
    }

    .category-list li {
        margin-bottom: var(--spacing-30);
    }

    .category-list a {
        font-weight: bold;
    }

    .image {
      width: 120px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      border: none;
    }

    .footer-text {
        text-align: center;
        font-weight: bold;
        font-style: italic;
        margin-bottom: var(--spacing-40);
        font-size: 1rem;
    }