Section, dodanie sekcji z rozdzieleniem na standardowa i tą pod iframe

src/styles/base.css

@@ -2,4 +2,6 @@
 @import "./theme.css";
 @import "./navbar.css";
 @import "./hero.css";
-@import "./buttons.css";
+@import "./buttons.css";
+@import "./sections.css";
+@import "./markdown.css";

src/styles/markdown.css

@@ -0,0 +1,45 @@
+.fuz-markdown {
+  @apply leading-relaxed text-base md:text-lg;
+
+  /* odstępy między elementami */
+}
+
+.fuz-markdown p {
+  @apply mb-4 text-3xl;
+}
+
+.fuz-markdown h1 {
+  @apply text-3xl font-bold mt-8 mb-4;
+}
+
+.fuz-markdown h2 {
+  @apply text-2xl font-semibold mt-6 mb-3;
+}
+
+.fuz-markdown h3 {
+  @apply text-xl font-semibold mt-4 mb-2;
+}
+
+.fuz-markdown ul {
+  @apply list-disc pl-6 mb-4;
+}
+
+.fuz-markdown ol {
+  @apply list-decimal pl-6 mb-4;
+}
+
+.fuz-markdown li {
+  @apply mb-1;
+}
+
+.fuz-markdown a {
+  @apply text-blue-600 dark:text-blue-400 underline hover:no-underline;
+}
+
+.fuz-markdown blockquote {
+  @apply border-l-4 border-gray-300 dark:border-gray-700 pl-4 italic mb-4;
+}
+
+.fuz-markdown strong {
+  @apply font-semibold;
+}

src/styles/sections.css

@@ -0,0 +1,23 @@
+.fuz-section {
+  @apply py-20 px-6;
+}
+
+.fuz-section-grid {
+  @apply grid items-center gap-10 max-w-7xl mx-auto;
+}
+
+.fuz-section-image {
+  @apply w-full h-full object-cover ;
+}
+
+.fuz-image-dimmed {
+  opacity: 0.75;
+}
+
+.fuz-section-title {
+  @apply text-5xl md:text-5xl font-bold mb-6;
+}
+
+.fuz-section-text {
+  @apply max-w-4xl mx-auto;
+}