put stuff in main div for style

now for twitter imitation

html/hot_people_who_eat_croissants_are_dangerous.tsx

@@ -1,3 +1,4 @@
+import { Main } from "./common.tsx";
 import { Html, debug_render, render } from "./html.ts";
 import { Component } from "./jsx/jsx-runtime.ts";
 
@@ -43,6 +44,7 @@ const Take: Component = ({ subjects, objects, adjectives }, _) => (
 // might want to have the final item be seperate
 // turned out to be unnecessary
 debug_render(
+    <Main>
         <Take
             subjects={peopleify(
                 "poor",
@@ -92,4 +94,5 @@ debug_render(
                 "dangerous",
             ]}
         />
+    </Main>
 );