/* Загальні стилі */
    body {
        line-height: 1.6;
        color: #333;
    }

    /* Стилі заголовків */
    h1, h2, h3, h4, h5, h6 {
        margin-bottom: 1.2rem;
        font-weight: 600;
    }

    h2 {
        margin-top: 1.5rem;
    }

    /* Стилі контенту */
    .content {
        margin-bottom: 3rem;
    }

    .content-section {
        margin-bottom: 2rem;
    }

    /* Стилі зображень */
    .img-fluid {
        margin-bottom: 1rem;
        transition: transform 0.3s ease;
    }

    .img-fluid:hover {
        transform: scale(1.02);
    }

    /* Адаптивні стилі */
    @media (max-width: 768px) {
        .order-md-1 {
            order: 1;
        }
        .order-md-2 {
            order: 2;
        }
        .row {
            margin-bottom: 1rem;
        }
    }
  
      /* Сучасний дизайн */
      body {
          font-family: 'Roboto', 'Segoe UI', sans-serif;
          background-color: #f8f9fa;
      }

      h1 {
          font-size: 2.5rem;
          margin-bottom: 1.5rem;
          color: #212529;
          border-bottom: 2px solid #dee2e6;
          padding-bottom: 0.5rem;
      }

      h2 {
          font-size: 1.8rem;
          color: #343a40;
      }

      /* Навігація */
      .navbar {
          box-shadow: 0 2px 4px rgba(0,0,0,0.1);
      }

      .nav-link {
          font-weight: 500;
          transition: all 0.3s ease;
      }

      .nav-link:hover {
          color: #007bff !important;
      }

      .nav-link.active {
          color: #007bff !important;
      }

      /* Стилі зображень */
      .img-fluid {
          border-radius: 0.375rem;
          box-shadow: 0 4px 6px rgba(0,0,0,0.1);
      }

      /* Футер */
      footer {
          margin-top: 3rem;
          box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
      }