2 files changed, 44 insertions, 40 deletions
diff --git a/styles/index.scss b/styles/index.scss
index ee298cc..ba30ea2 100644
--- a/styles/index.scss
+++ b/styles/index.scss
@@ -1,45 +1,7 @@
 @charset "utf-8";
 
-// Google Fonts
-@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Indie+Flower|PT+Sans&display=swap");
-
-// Palette
-$darkteal: rgb(0, 100, 108);
-$green: rgb(88, 169, 143);
-$darkerteal: rgb(29, 133, 137);
-$gray: rgb(157, 210, 211);
-$teal: rgb(58, 165, 166);
-$cyan: rgb(156, 210, 210);
-$darkgray: rgb(127, 177, 181);
-$darkgreen: rgb(59, 136, 114);
-$yellow: rgb(186, 214, 187);
-
-// Update Bulma's global variables
-$primary: $teal;
-$link: $darkteal;
-// $info: $cyan
-$success: $green;
-// $warning: $yellow
-// $danger: $red
-// $dark: $grey-darker
-// $text: $grey-dark
-$family-sans-serif: "PT Sans", sans-serif;
-// $hr-background-color: $primary;
-$title-color: $darkteal;
-$title-family: "Architects Daughter", cursive;
-$subtitle-color: $darkteal;
-$subtitle-family: "Indie Flower", cursive;
-//$body-font-size: 1.8rem;
-// $body-background-color: $isabelline;
-
-// Import only what you need from Bulma
-@import "../_bulma/node_modules/bulma/sass/utilities/_all.sass";
-@import "../_bulma/node_modules/bulma/sass/base/_all.sass";
-@import "../_bulma/node_modules/bulma/sass/elements/_all.sass";
-@import "../_bulma/node_modules/bulma/sass/form/_all.sass";
-@import "../_bulma/node_modules/bulma/sass/components/_all.sass";
-@import "../_bulma/node_modules/bulma/sass/layout/_all.sass";
-@import "../_bulma/node_modules/bulma/sass/grid/_all.sass";
+// Import main
+@import "./main.scss";
 
 .offering {
   color: white;
diff --git a/styles/main.scss b/styles/main.scss
new file mode 100644
index 0000000..3aca98a
--- /dev/null
+++ b/styles/main.scss
@@ -0,0 +1,42 @@
+@charset "utf-8";
+
+// Google Fonts
+@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Indie+Flower|PT+Sans&display=swap");
+
+// Palette
+$darkteal: rgb(0, 100, 108);
+$green: rgb(88, 169, 143);
+$darkerteal: rgb(29, 133, 137);
+$gray: rgb(157, 210, 211);
+$teal: rgb(58, 165, 166);
+$cyan: rgb(156, 210, 210);
+$darkgray: rgb(127, 177, 181);
+$darkgreen: rgb(59, 136, 114);
+$yellow: rgb(186, 214, 187);
+
+// Update Bulma's global variables
+$primary: $teal;
+$link: $darkteal;
+// $info: $cyan
+$success: $green;
+// $warning: $yellow
+// $danger: $red
+// $dark: $grey-darker
+// $text: $grey-dark
+$family-sans-serif: "PT Sans", sans-serif;
+// $hr-background-color: $primary;
+$title-color: $darkteal;
+$title-family: "Architects Daughter", cursive;
+$subtitle-color: $darkteal;
+$subtitle-family: "Indie Flower", cursive;
+//$body-font-size: 1.8rem;
+// $body-background-color: $isabelline;
+
+// Import only what you need from Bulma
+@import "../_bulma/node_modules/bulma/sass/utilities/_all.sass";
+@import "../_bulma/node_modules/bulma/sass/base/_all.sass";
+@import "../_bulma/node_modules/bulma/sass/elements/_all.sass";
+@import "../_bulma/node_modules/bulma/sass/form/_all.sass";
+@import "../_bulma/node_modules/bulma/sass/components/_all.sass";
+@import "../_bulma/node_modules/bulma/sass/layout/_all.sass";
+@import "../_bulma/node_modules/bulma/sass/grid/_all.sass";