diff --git a/styles/mixins/sr-only.scss b/styles/mixins/sr-only.scss
new file mode 100644
index 0000000..d985af7
--- /dev/null
+++ b/styles/mixins/sr-only.scss
@@ -0,0 +1,5 @@
+@mixin sr-only {
+	width: 1px;
+	height: 1px;
+	position: absolute;
+}
\ No newline at end of file
diff --git a/styles/root.scss b/styles/root.scss
new file mode 100644
index 0000000..dc390df
--- /dev/null
+++ b/styles/root.scss
@@ -0,0 +1,9 @@
+@use "./vars/_colours.scss" as *;
+@use "./mixins/sr-only.scss" as *;
+
+.screenreader {
+	background-color: $background;
+	color: $background;
+
+	@include sr-only;
+}
\ No newline at end of file
diff --git a/styles/vars/_colours.scss b/styles/vars/_colours.scss
new file mode 100644
index 0000000..bdb4c21
--- /dev/null
+++ b/styles/vars/_colours.scss
@@ -0,0 +1 @@
+$background: white;
\ No newline at end of file