diff --git a/hshassets/assets/sass/_init.scss b/hshassets/assets/sass/_init.scss
index 25ff43b1ded94a03539f7858d4d742045316da4b..154fe59f339d0cdf1c6a7b5b282c426c7e283fc6 100644
--- a/hshassets/assets/sass/_init.scss
+++ b/hshassets/assets/sass/_init.scss
@@ -13,3 +13,4 @@ $dark: rgb(87, 82, 80);
 @import 'general.scss';
 @import 'breadcrumbs.scss';
 @import 'images.scss';
+@import 'privacy_notification.scss';
diff --git a/hshassets/assets/sass/privacy_notification.scss b/hshassets/assets/sass/privacy_notification.scss
new file mode 100644
index 0000000000000000000000000000000000000000..3ef7a5127005c933c779c1db9c5d30588d7adb64
--- /dev/null
+++ b/hshassets/assets/sass/privacy_notification.scss
@@ -0,0 +1,38 @@
+.privacy_notification {
+  background-color: white;
+  text-shadow: 0 0 2px rgba(255,255,255,0.75);
+}
+
+.privacy_notification .container {
+  padding: 2em 0.5em;
+}
+
+@keyframes privacy_notification_stripes_animation {
+	0% {
+		background-position: -100px 0
+	}
+	100% {
+		background-position: 0 0
+	}
+}
+
+.privacy_notification .stripes {
+  height: 0.5em;
+  width: 100%;
+  background:
+    repeating-linear-gradient(
+      -30deg,
+      transparent 0px,
+      transparent 7px,
+      #dddddd 8px,
+      #dddddd 15px,
+      transparent 16px
+    );
+  animation: privacy_notification_stripes_animation 2s ease-in-out 1;
+}
+
+.privacy_notification .column {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+}