change how the transitions are handled

src/layouts/Layout.astro

@@ -42,6 +42,7 @@ import "../styles/main.css";
         <Intro />
 
         <Sidebar />
+        <div class="container">
             <main
                 data-vtbot-replace="main"
                 transition:name="main"
@@ -49,7 +50,10 @@ import "../styles/main.css";
             >
                 <slot />
             </main>
-    </body><style is:global>
+        </div>
+    </body>
+</html>
+<style is:global>
     body {
         display: grid;
         grid-template-columns: min-content auto;
@@ -66,7 +70,7 @@ import "../styles/main.css";
         }
     }
 
-        main {
+    .container {
         background: linear-gradient(
                 275deg,
                 #f38ba8,
@@ -92,6 +96,9 @@ import "../styles/main.css";
                 transparent 0%),
             #181818;
         background-attachment: fixed;
+    }
+
+    main {
         display: flex;
         flex-wrap: wrap;
         flex-direction: column;
@@ -101,5 +108,4 @@ import "../styles/main.css";
         height: 100%;
         width: 100%;
     }
-    </style>
-</html>
+</style>