Kind of hacky for now, need to re-do all of the heading components. closes OLN-166

app/components/Heading.ts

@@ -1,9 +1,10 @@
 import styled from "styled-components";
 
-const Heading = styled.h1<{ centered?: boolean }>`
+const Heading = styled.h1<{ as: string; centered?: boolean }>`
   display: flex;
   align-items: center;
   user-select: none;
+  ${(props) => (props.as ? "" : "margin-top: 6vh; font-weight: 600;")}
   ${(props) => (props.centered ? "text-align: center;" : "")}
 `;
 

app/scenes/Document/components/DocumentTitle.tsx

@@ -317,12 +317,12 @@ type TitleProps = {
 const Title = styled(ContentEditable)<TitleProps>`
   position: relative;
   line-height: ${lineHeight};
-  margin-top: 1em;
+  margin-top: 6vh;
   margin-bottom: 0.5em;
   margin-left: ${(props) =>
     props.$containsEmoji || props.$emojiPickerIsOpen ? "40px" : "0px"};
   font-size: ${fontSize};
-  font-weight: 500;
+  font-weight: 600;
   border: 0;
   padding: 0;
   cursor: ${(props) => (props.readOnly ? "default" : "text")};