initial commit

scss/utils/_colors.scss

@@ -0,0 +1,2 @@
+$c-white: #fff;
+$c-black: #000;

scss/utils/_mixins.scss

@@ -0,0 +1,16 @@
+@mixin element-invisible {
+  position: absolute;
+
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  border: 0;
+  padding: 0;
+
+  clip: rect(0 0 0 0);
+  overflow: hidden;
+}
+
+@mixin hide {
+  display: none;
+}

scss/utils/_typography.scss

@@ -0,0 +1,12 @@
+@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap");
+
+@font-face {
+  font-family: "Wood Stamp";
+  font-style: normal;
+  font-weight: normal;
+  src: local("Wood Stamp"), url("../fonts/Woodstamp.woff") format("woff");
+}
+
+$font-primary: "Lora", sans-serif;
+$font-secondary: "Lora", sans-serif;
+$font-heading: "Wood Stamp", sans-serif;

scss/utils/_variables.scss

@@ -0,0 +1,3 @@
+$padding-sm: 5px;
+$padding-md: 10px;
+$padding-lg: 20px;