Create Display mixin, add new colors

recipes/src/styles/_colors.scss

@@ -12,3 +12,7 @@ $grey-600: #757575;
 $grey-700: #616161;
 $grey-800: #424242;
 $grey-900: #212121;
+
+$pink: #e89d93;
+$yellow: #eec71a;
+$blue: #48ACF0;

recipes/src/styles/_fonts.scss

@@ -26,4 +26,11 @@ $letter-spacing-enhanced: 0.5px;
   letter-spacing: $letter-spacing-normal;
   text-decoration: none;
   text-transform: uppercase;
+}
+
+@mixin display() {
+  font-family: $font-family-display;
+  font-size: $font-size-regular;
+  font-weight: $font-weight-bold;
+  letter-spacing: $letter-spacing-enhanced;
 }

recipes/src/styles/app.scss

@@ -13,7 +13,7 @@ body {
 }
 
 ::selection { 
-  background: rgba(255,183,0,1);
+  background: $yellow;
   color: black;
 }