diff --git a/.vs/CSSgram/v16/.suo b/.vs/CSSgram/v16/.suo
new file mode 100644
index 0000000..eb2a952
Binary files /dev/null and b/.vs/CSSgram/v16/.suo differ
diff --git a/.vs/ProjectSettings.json b/.vs/ProjectSettings.json
new file mode 100644
index 0000000..f8b4888
--- /dev/null
+++ b/.vs/ProjectSettings.json
@@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": null
+}
\ No newline at end of file
diff --git a/.vs/VSWorkspaceState.json b/.vs/VSWorkspaceState.json
new file mode 100644
index 0000000..bb4b0f6
--- /dev/null
+++ b/.vs/VSWorkspaceState.json
@@ -0,0 +1,7 @@
+{
+  "ExpandedNodes": [
+    ""
+  ],
+  "SelectedNode": "\\C:\\Users\\LocalAdmin\\Desktop\\vincent\\CSSgram",
+  "PreviewInSolutionExplorer": false
+}
\ No newline at end of file
diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite
new file mode 100644
index 0000000..e8309fa
Binary files /dev/null and b/.vs/slnx.sqlite differ
diff --git a/site/.vs/ProjectSettings.json b/site/.vs/ProjectSettings.json
new file mode 100644
index 0000000..f8b4888
--- /dev/null
+++ b/site/.vs/ProjectSettings.json
@@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": null
+}
\ No newline at end of file
diff --git a/site/.vs/VSWorkspaceState.json b/site/.vs/VSWorkspaceState.json
new file mode 100644
index 0000000..ae90480
--- /dev/null
+++ b/site/.vs/VSWorkspaceState.json
@@ -0,0 +1,11 @@
+{
+  "ExpandedNodes": [
+    "",
+    "\\img",
+    "\\scss",
+    "\\test",
+    "\\test\\css",
+    "\\twig"
+  ],
+  "PreviewInSolutionExplorer": false
+}
\ No newline at end of file
diff --git a/site/.vs/site/v16/.suo b/site/.vs/site/v16/.suo
new file mode 100644
index 0000000..6d89346
Binary files /dev/null and b/site/.vs/site/v16/.suo differ
diff --git a/site/.vs/slnx.sqlite b/site/.vs/slnx.sqlite
new file mode 100644
index 0000000..34024a3
Binary files /dev/null and b/site/.vs/slnx.sqlite differ
diff --git a/site/css/demo-site.css b/site/css/demo-site.css
index c212f13..bd571ca 100644
--- a/site/css/demo-site.css
+++ b/site/css/demo-site.css
@@ -454,7 +454,51 @@
     background: -webkit-radial-gradient(circle, transparent 70%, #222222 150%);
     background: radial-gradient(circle, transparent 70%, #222222 150%);
     mix-blend-mode: multiply; }
+/*
+*
+* Pink
+*
+*/
+
+.pink-filter {
+    position: relative;
+    -webkit-filter: contrast(1.1) brightness(2.1) saturate(1.3);
+    filter: contrast(1.1) brightness(2.1) saturate(1.3);
+}
+
+.pink-filter img {
+    width: 100%;
+    z-index: 1;
+}
+
+.pink-filter:before {
+    content: '';
+    display: block;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    position: absolute;
+    pointer-events: none;
+    z-index: 2;
+}
+
+.pink-filter:after {
+    content: '';
+    display: block;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    position: absolute;
+    pointer-events: none;
+    z-index: 3;
+}
 
+.pink-filter:after {
+    background: rgba(243, 106, 188, 0.3);
+    mix-blend-mode: screen;
+}
 /*
  * 1977
  *
diff --git a/site/index.html b/site/index.html
index a6678b1..a681de6 100644
--- a/site/index.html
+++ b/site/index.html
@@ -57,6 +57,12 @@ <h2 class="title--top-sub">A tiny (&lt;1kb gzipped!) library for recreating <a h
           <figcaption>#nofilter</figcaption>
         </figure>
       </li>
+            <li class="demo__item">
+                <figure class="pink-filter">
+                    <img>
+                    <figcaption>Pink</figcaption>
+                </figure>
+            </li>               
                         <li class="demo__item">
             <figure class="_1977">
               <img>
diff --git a/site/scss/demo-site.scss b/site/scss/demo-site.scss
index e56e761..b5dc9d3 100644
--- a/site/scss/demo-site.scss
+++ b/site/scss/demo-site.scss
@@ -2,3 +2,4 @@
 @import 'vars';
 @import 'mixins';
 @import 'home';
+@import 'pink';
\ No newline at end of file