diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml
new file mode 100644
index 0000000..a55e7a1
--- /dev/null
+++ b/.idea/codeStyles/codeStyleConfig.xml
@@ -0,0 +1,5 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/.idea/webResources.xml b/.idea/webResources.xml
new file mode 100644
index 0000000..19600d0
--- /dev/null
+++ b/.idea/webResources.xml
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/index.liquid b/src/index.liquid
index 6bb78a8..2106dc1 100644
--- a/src/index.liquid
+++ b/src/index.liquid
@@ -6,8 +6,10 @@
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
Marley Rae
+
+
-
+
diff --git a/src/scss/_theme.scss b/src/scss/_theme.scss
new file mode 100644
index 0000000..6b8bb6f
--- /dev/null
+++ b/src/scss/_theme.scss
@@ -0,0 +1,60 @@
+/**
+ * colors
+ * type sizing
+ * spacers
+ */
+
+/* -------------------------------------------------------------------------- *\
+ &colors
+\* -------------------------------------------------------------------------- */
+
+$pink: rgba(244, 114, 182, 1);
+$purple: rgba(192, 132, 252, 1);
+
+/* -------------------------------------------------------------------------- *\
+ &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 */
+
+:root {
+ --step--2: clamp(0.78rem, calc(0.77rem + 0.03vw), 0.80rem);
+ --step--1: clamp(0.94rem, calc(0.92rem + 0.11vw), 1.00rem);
+ --step-0: clamp(1.13rem, calc(1.08rem + 0.22vw), 1.25rem);
+ --step-1: clamp(1.35rem, calc(1.28rem + 0.37vw), 1.56rem);
+ --step-2: clamp(1.62rem, calc(1.50rem + 0.58vw), 1.95rem);
+ --step-3: clamp(1.94rem, calc(1.77rem + 0.87vw), 2.44rem);
+ --step-4: clamp(2.33rem, calc(2.08rem + 1.25vw), 3.05rem);
+ --step-5: clamp(2.80rem, calc(2.45rem + 1.77vw), 3.82rem);
+}
+
+/* -------------------------------------------------------------------------- *\
+ &spacers
+\* -------------------------------------------------------------------------- */
+
+/* @link https://utopia.fyi/space/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 */
+
+:root {
+ --space-3xs: clamp(0.31rem, calc(0.31rem + 0.00vw), 0.31rem);
+ --space-2xs: clamp(0.56rem, calc(0.54rem + 0.11vw), 0.63rem);
+ --space-xs: clamp(0.88rem, calc(0.85rem + 0.11vw), 0.94rem);
+ --space-s: clamp(1.13rem, calc(1.08rem + 0.22vw), 1.25rem);
+ --space-m: clamp(1.69rem, calc(1.62rem + 0.33vw), 1.88rem);
+ --space-l: clamp(2.25rem, calc(2.16rem + 0.43vw), 2.50rem);
+ --space-xl: clamp(3.38rem, calc(3.24rem + 0.65vw), 3.75rem);
+ --space-2xl: clamp(4.50rem, calc(4.33rem + 0.87vw), 5.00rem);
+ --space-3xl: clamp(6.75rem, calc(6.49rem + 1.30vw), 7.50rem);
+
+ /* One-up pairs */
+ --space-3xs-2xs: clamp(0.31rem, calc(0.20rem + 0.54vw), 0.63rem);
+ --space-2xs-xs: clamp(0.56rem, calc(0.43rem + 0.65vw), 0.94rem);
+ --space-xs-s: clamp(0.88rem, calc(0.74rem + 0.65vw), 1.25rem);
+ --space-s-m: clamp(1.13rem, calc(0.86rem + 1.30vw), 1.88rem);
+ --space-m-l: clamp(1.69rem, calc(1.40rem + 1.41vw), 2.50rem);
+ --space-l-xl: clamp(2.25rem, calc(1.73rem + 2.61vw), 3.75rem);
+ --space-xl-2xl: clamp(3.38rem, calc(2.81rem + 2.83vw), 5.00rem);
+ --space-2xl-3xl: clamp(4.50rem, calc(3.46rem + 5.22vw), 7.50rem);
+
+ /* Custom pairs */
+ --space-s-l: clamp(1.13rem, calc(0.65rem + 2.39vw), 2.50rem);
+}
diff --git a/src/scss/layout/_Body.scss b/src/scss/layout/_Body.scss
new file mode 100644
index 0000000..095993a
--- /dev/null
+++ b/src/scss/layout/_Body.scss
@@ -0,0 +1,6 @@
+@use '../theme';
+
+.Body {
+ background: theme.$purple;
+ background: linear-gradient(135deg, theme.$purple 0%, theme.$pink 100%);
+}
diff --git a/src/scss/layout/_Site.scss b/src/scss/layout/_Site.scss
new file mode 100644
index 0000000..592b80b
--- /dev/null
+++ b/src/scss/layout/_Site.scss
@@ -0,0 +1,3 @@
+.Site {
+
+}
diff --git a/src/scss/layout/_index.scss b/src/scss/layout/_index.scss
new file mode 100644
index 0000000..abe09b7
--- /dev/null
+++ b/src/scss/layout/_index.scss
@@ -0,0 +1 @@
+@forward 'Body';
diff --git a/src/scss/style.scss b/src/scss/style.scss
index e69de29..8cb40dd 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -0,0 +1 @@
+@use 'layout';