add styles foe police page

src/components/PolicyPage.js

@@ -1,9 +1,28 @@
+// import React from 'react';
+// import policyData from '../policy.json';
+
+// const PolicyPage = () => {
+//   return (
+//     <div className="policy-container">
+//       <h1>Privacy Policy</h1>
+//       <div dangerouslySetInnerHTML={{ __html: policyData.privacyPolicy }} />
+//     </div>
+//   );
+// };
+
+// export default PolicyPage;
+
+
 import React from 'react';
+import { Link } from 'react-router-dom'; // Если вы используете React Router
 import policyData from '../policy.json';
 
 const PolicyPage = () => {
   return (
     <div className="policy-container">
+      <div className="back-button">
+        <Link to="/" className="back-link">← Back to main page</Link>
+      </div>
       <h1>Privacy Policy</h1>
       <div dangerouslySetInnerHTML={{ __html: policyData.privacyPolicy }} />
     </div>

src/index.css

@@ -67,6 +67,58 @@
 .ant-paragraph {
   font-family: 'Rubik', sans-serif !important;
 }
+
+.policy-container {
+  white-space: pre-line;
+}
+.policy-container {
+  font-family: 'Rubik', sans-serif; /* Ваш подключённый шрифт */
+  line-height: 1.8; /* Интерлиньяж для удобства чтения */
+  font-size: 18px; /* Увеличенный размер текста */
+  color: #333; /* Цвет текста */
+  background-color: #f9f9f9; /* Фон */
+  padding: 20px 40px; /* Увеличенные отступы: 20px сверху/снизу и 40px слева/справа */
+  border-radius: 8px; /* Скруглённые углы */
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Лёгкая тень */
+}
+
+.policy-container h1 {
+  color: #000; /* Цвет заголовка */
+  font-size: 32px; /* Увеличенный размер заголовка */
+  font-weight: 600; /* Толщина шрифта */
+  margin-bottom: 20px; /* Отступ снизу */
+  text-align: center; /* Выравнивание по центру */
+}
+
+.policy-container h2, .policy-container h3 {
+  color: #555; /* Цвет подзаголовков */
+  font-size: 24px; /* Увеличенный размер подзаголовков */
+  margin-top: 25px; /* Отступ сверху */
+  margin-bottom: 15px; /* Отступ снизу */
+}
+
+.policy-container p {
+  font-size: 18px; /* Размер текста */
+  margin-bottom: 20px; /* Увеличенный отступ снизу */
+}
+
+.policy-container ul {
+  margin-left: 25px; /* Увеличенный отступ для списков */
+  list-style-type: disc; /* Стилизация маркеров */
+}
+
+.policy-container li {
+  margin-bottom: 12px; /* Отступ между элементами списка */
+}
+
+.policy-container a {
+  color: #007bff; /* Цвет ссылок */
+  text-decoration: none; /* Убираем подчёркивание */
+}
+
+.policy-container a:hover {
+  text-decoration: underline; /* Подчёркивание при наведении */
+}
 /* 
 .pricing-container {
   font-family: Arial, sans-serif;