feat: added responsive to all current pages, making them work in tablet and mobile devices. Also, implemented dark theme and persistance of theme in LocalStorage.

src/styles/pricingPage.css

@@ -5,6 +5,10 @@
     gap: 140px;
     background-color: transparent;
     margin-bottom: 140px;
+
+    @media (max-width: 1023px) {
+        gap: 120px;
+    }
 }
 
 .sections {
@@ -12,6 +16,10 @@
     flex-direction: column;
     gap: 48px;
     padding: 0px 350px;
+
+    @media (max-width: 1023px) {
+        padding: 0px 48px;
+    }
 }
 
 .sections-subtitle {
@@ -34,19 +42,21 @@
     gap: var(--space-lg-24px);
 }
 
-.plans-details-container {
-    display: flex;
-}
+@media (max-width: 1023px) {
+    .pricingcards {
+        flex-direction: column;
+        gap: var(--space-lg-24px);
+    }
 
-.plan-details {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-md-16px);
-}
+    .pricingcards .advanced-plan {
+        order: 1;
+    }
 
-.plan-title {
-    border: 1px solid black;
-    text-align: center;
-    padding: 24px;
+    .pricingcards .intermediate-plan {
+        order: 2;
+    }
+
+    .pricingcards .basic-plan {
+        order: 3;
+    }
 }