diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
index 156f502..b3a45cf 100644
--- a/.idea/codeStyles/Project.xml
+++ b/.idea/codeStyles/Project.xml
@@ -57,5 +57,12 @@
         <option name="CONTINUATION_INDENT_SIZE" value="2" />
       </indentOptions>
     </codeStyleSettings>
+    <codeStyleSettings language="liquid">
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
   </code_scheme>
 </component>
\ No newline at end of file
diff --git a/src/img/theme/baby-its-cold-outside/divider.gif b/src/img/theme/baby-its-cold-outside/divider.gif
new file mode 100644
index 0000000..b18147d
Binary files /dev/null and b/src/img/theme/baby-its-cold-outside/divider.gif differ
diff --git a/src/index.liquid b/src/index.liquid
index 19f056d..2ffa028 100644
--- a/src/index.liquid
+++ b/src/index.liquid
@@ -1,19 +1,57 @@
 <!doctype html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport"
-            content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>testing</title>
-    <!--suppress HtmlUnknownTarget -->
-    <link rel="stylesheet" href="/style.css">
+  <meta charset="UTF-8">
+  <meta name="viewport"
+    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>... Epiphany ... baby, it's cold outsite ...</title>
+  <!--suppress HtmlUnknownTarget -->
+  <link rel="stylesheet" href="/style.css">
 </head>
 <body>
 <div class="site">
-    <main></main>
+  <header>
+    <h1>Epiphany</h1>
+  </header>
 
-    <nav></nav>
+  <main class="flow">
+    <p>Hello and welcome to Epiphany Petz! This is a Petz 4 website.</p>
+
+    <p>If there are any broken links or typos, please let me know in the
+      cbox!</p>
+
+    <div class="divide"></div>
+
+    <h2>Affiliate Sites</h2>
+
+    <p><a href="https://harvestpetz.neocities.org/" title="harvest">scribble @
+        harvest</a></p>
+
+    <div class="divide"></div>
+
+    <h2>Updates</h2>
+
+    <p><a href="/updates/">update archive</a></p>
+
+    <h3>14 Nov 2022</h3>
+
+    <p>Christmas theme up (:</p>
+
+    <h3>15 Mar 2022</h3>
+
+    <p>Epiphany has moved! I got my own domain a week or two ago and have
+      finally finished setting it up and moving Epiphany over. I also updated
+      the layout, so it doesn't use frames anymore, keeps things a bit cleaner.
+      I even learned a little jquery to do so *shudder*.</p>
+
+    <p><a href="https://punkfairie.net/" target="_blank">punkfairie.net</a> now
+      has my own personal site on it as well! It's been a looonggg time since
+      I've had a personal site, I'm super excited to have a little space again,
+      for whatever I feel like posting :)</p>
+  </main>
+
+  <nav></nav>
 </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/style/base.css b/src/style/base.css
index 2bffc55..d31da85 100644
--- a/src/style/base.css
+++ b/src/style/base.css
@@ -6,4 +6,40 @@
         font-size: var(--t-step-0);
         background: var(--bg);
     }
+
+    h1, h2, h3 {
+        font-family: var(--t-display);
+        font-weight: normal;
+    }
+
+    h1 {
+        font-size: var(--t-step-6);
+    }
+
+    h2 {
+        font-size: var(--t-step-4);
+    }
+
+    h3 {
+        font-size: var(--t-step-3);
+    }
+
+    a {
+        color: var(--c-main-d);
+        transition: color 200ms;
+    }
+
+    a:visited, a:active {
+        color: var(--c-accent);
+    }
+
+    a:hover {
+        color: var(--c-main-l);
+        text-decoration-style: dashed;
+    }
+
+    /*noinspection CssUnresolvedCustomProperty*/
+    .flow > * + * {
+        margin-block-start: var(--flow-space, 1em);
+    }
 }
\ No newline at end of file
diff --git a/src/style/layout.css b/src/style/layout.css
index bb6d02f..44ff004 100644
--- a/src/style/layout.css
+++ b/src/style/layout.css
@@ -11,5 +11,41 @@
         block-size: 48rem;
         background: url('/img/theme/baby-its-cold-outside/bg.png');
         border: 1px solid hsl(233deg 66% 20%);
+        padding: var(--space-xs);
+
+        display: grid;
+        grid-template:
+            '.      .'      1.5fr
+            'header header' 0.5fr
+            'nav    main'   2.5fr / 1fr 5fr;
+    }
+
+    header {
+        grid-area: header;
+        text-align: right;
+        align-self: end;
+        padding-right: var(--space-xs);
+    }
+
+    main {
+        --flow-space: var(--space-xs);
+
+        grid-area: main;
+        overflow: auto;
+        padding: var(--space-s);
+        text-align: center;
+    }
+
+    nav {
+        grid-area: nav;
+        padding: var(--space-s);
+    }
+
+    .divide {
+        background: url('/img/theme/baby-its-cold-outside/divider.gif');
+        height: 20px;
+        width: 239px;
+        display: inline-block;
+        margin-top: var(--space-m);
     }
 }
\ No newline at end of file
diff --git a/src/style/theme.css b/src/style/theme.css
index 06885be..5b9db15 100644
--- a/src/style/theme.css
+++ b/src/style/theme.css
@@ -6,8 +6,8 @@
  * spacers
  */
 
-@import url('https://fonts.bunny.net/css2?family=Imprima&display=swap');
-@import url('https://fonts.bunny.net/css2?family=Sacramento&display=swap');
+@import url(https://fonts.bunny.net/css?family=Imprima&display=swap);
+@import url(https://fonts.bunny.net/css?family=cedarville-cursive:400);
 
 :root {
     --bg: hsl(204deg 100% 80%);
@@ -29,21 +29,23 @@
 
     --t-face: 'Imprima', sans-serif;
     --t-spacing: 0.125rem;
+    --t-display: 'Cedarville Cursive', handwriting;
 
     /* ---------------------------------------------------------------------- *\
         &type sizing
     \* ---------------------------------------------------------------------- */
 
-    /* @link https://utopia.fyi/type/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
+    /* @link https://utopia.fyi/type/calculator?c=320,14,1.2,1240,16,1.25,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
 
-    --t-step--2: clamp(0.78rem, calc(0.77rem + 0.03vw), 0.80rem);
-    --t-step--1: clamp(0.94rem, calc(0.92rem + 0.11vw), 1.00rem);
-    --t-step-0: clamp(1.13rem, calc(1.08rem + 0.22vw), 1.25rem);
-    --t-step-1: clamp(1.35rem, calc(1.28rem + 0.37vw), 1.56rem);
-    --t-step-2: clamp(1.62rem, calc(1.50rem + 0.58vw), 1.95rem);
-    --t-step-3: clamp(1.94rem, calc(1.77rem + 0.87vw), 2.44rem);
-    --t-step-4: clamp(2.33rem, calc(2.08rem + 1.25vw), 3.05rem);
-    --t-step-5: clamp(2.80rem, calc(2.45rem + 1.77vw), 3.82rem);
+    --t-step--2: clamp(0.6075rem, 0.5962rem + 0.0565vw, 0.64rem);
+    --t-step--1: clamp(0.7294rem, 0.7048rem + 0.1228vw, 0.8rem);
+    --t-step-0: clamp(0.875rem, 0.8315rem + 0.2174vw, 1rem);
+    --t-step-1: clamp(1.05rem, 0.9804rem + 0.3478vw, 1.25rem);
+    --t-step-2: clamp(1.26rem, 1.1548rem + 0.5261vw, 1.5625rem);
+    --t-step-3: clamp(1.5119rem, 1.3584rem + 0.7674vw, 1.9531rem);
+    --t-step-4: clamp(1.8144rem, 1.5963rem + 1.0902vw, 2.4413rem);
+    --t-step-5: clamp(2.1775rem, 1.8734rem + 1.5207vw, 3.0519rem);
+    --t-step-6: clamp(2.6125rem, 2.1942rem + 2.0913vw, 3.815rem);
 
     /* ---------------------------------------------------------------------- *\
         &spacers
