refactor: remove duplicate main section styling

commands/now-template

@@ -30,12 +30,6 @@ publishedOn = publishedOn === '' ? publishDate : publishedOn
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);
@@ -68,4 +62,4 @@ publishedOn = publishedOn === '' ? publishDate : publishedOn
     gap: 1rem;
     padding: 0;
   }
-</style>
+</style>

src/pages/404.astro

@@ -55,10 +55,6 @@ const description = 'Have you tried turning it off and on again?'
     color: white;
   }
 
-  main {
-    max-width: 100% !important;
-  }
-
   .highlighted-section__content {
     margin: auto;
     padding: 1em;

src/pages/now.astro

@@ -28,12 +28,6 @@ const publishedOn = now.publishedOn === '' ? now.publishDate : now.publishedOn
     </p>
 
     <style>
-      main {
-        margin: auto;
-        padding: 1em;
-        max-width: var(--content-width);
-      }
-
       .text-gradient {
         font-weight: 900;
         background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2022-09-20.astro

@@ -36,12 +36,6 @@ const description =
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2023-01-19.astro

@@ -54,12 +54,6 @@ const description =
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2023-06-23.astro

@@ -39,12 +39,6 @@ const description = 'A project that aims to be a modern-day reading assistant'
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2023-09-09.astro

@@ -42,12 +42,6 @@ const description =
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2024-04-19.astro

@@ -42,12 +42,6 @@ const description = 'Building again with Python'
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2024-06-17.astro

@@ -29,12 +29,6 @@ const description = 'I have joined ING as a Chapter Lead for Web Engineering'
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2024-09-05.astro

@@ -64,12 +64,6 @@ const description = 'This is a dump of what my current state, more or less'
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2024-09-27.astro

@@ -50,12 +50,6 @@ const description =
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2024-12-25.astro

@@ -35,12 +35,6 @@ const content = `<p>Christmas holidays as started for me.</p>
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2025-01-04.astro

@@ -34,12 +34,6 @@ const content = `<p>Happy with how I organized my spaces at home with separation
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2025-01-09.astro

@@ -35,12 +35,6 @@ const content = `<h2>Annual Sickness</h2>
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2025-01-15.astro

@@ -31,12 +31,6 @@ const content = `<h2>FOSDEM 2025</h2>
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2025-01-31.astro

@@ -32,12 +32,6 @@ const content = `<h2>At FOSDEM Social Web</h2>
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2025-02-05.astro

@@ -36,12 +36,6 @@ publishedOn = publishedOn === '' ? publishDate : publishedOn
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2025-02-11.astro

@@ -35,12 +35,6 @@ publishedOn = publishedOn === '' ? publishDate : publishedOn
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2025-02-15.astro

@@ -32,12 +32,6 @@ publishedOn = publishedOn === '' ? publishDate : publishedOn
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/now/and-then/posts/2025-03-13.astro

@@ -35,12 +35,6 @@ publishedOn = publishedOn === '' ? publishDate : publishedOn
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);

src/pages/threads.astro

@@ -20,12 +20,6 @@ const page = {
 </Layout>
 
 <style>
-  main {
-    margin: auto;
-    padding: 1em;
-    max-width: var(--content-width);
-  }
-
   .text-gradient {
     font-weight: 900;
     background-image: var(--ayo-gradient);