Allow nested sections to work correctly

src/App.svelte

@@ -35,7 +35,7 @@
 
 
 <Navbar />
-<section class="section">
+<section class="section root-section">
   <div class="container is-fullhd">
     <div class="columns">
       <div class="column is-one-fifth side-bar-column">

src/app.scss

@@ -100,7 +100,7 @@ html {
   flex-grow: 1;
   min-height: 100vh;
 
-  section.section {
+  section.section.root-section {
     flex-grow: 1;
   }
 }
@@ -305,7 +305,7 @@ $modal-background-background-color-dark: rgba($dark, 0.86) !default; // remove t
   width: var(--mainContentWidth)
 }
 
-section.section {
+section.section.root-section {
   padding: 0px;
   padding-top: var(--sectionPaddingTop);
 }

src/lib/Home.svelte

@@ -5,6 +5,7 @@ $: apiKey = $apiKeyStorage
 
 </script>
 
+<section class="section">
 <article class="message">
   <div class="message-body">
     <strong><a href="https://github.com/Niek/chatgpt-web">ChatGPT-web</a></strong>
@@ -59,3 +60,4 @@ $: apiKey = $apiKeyStorage
     </div>
   </article>
 {/if}
+</section>