diff --git a/frontend/styles/global.scss b/frontend/styles/global.scss
index 82ff5a7..ff39790 100644
--- a/frontend/styles/global.scss
+++ b/frontend/styles/global.scss
@@ -4,7 +4,7 @@
   font-family: "Mabry";
   font-style: normal;
   font-weight: 400;
-  src: url("/frontend/assets/fonts/mabry/Mabry-Regular-Pro.woff") format("woff");
+  src: url("assets/fonts/mabry/Mabry-Regular-Pro.woff") format("woff");
 }
 
 body {
@@ -120,6 +120,22 @@ h3 {
 }
 
 
+
+// Colors
+.bg-green {
+  background-color: var(--color-background-green);
+}
+.bg-pink {
+  background-color: var(--color-background-pink);
+}
+.bg-yellow {
+  background-color: var(--color-background-yellow);
+}
+.bg-blue {
+  background-color: var(--color-background-blue);
+}
+
+
 .accent--xl {
     font-size:calc(1.375 * var(--text-base-size))
 }