diff --git a/src/assets/css/components/Page-container.scss b/src/assets/css/components/Page-container.scss
new file mode 100644
index 0000000..e8c71eb
--- /dev/null
+++ b/src/assets/css/components/Page-container.scss
@@ -0,0 +1,23 @@
+.page-container {
+	@apply overflow-hidden;
+	$margin: 20px;
+	.screen {
+		@apply flex flex-col justify-center items-center relative overflow-hidden;
+		@apply bg-purple-500 lg:bg-tahiti-200;
+		height: calc(99.8dvh - $margin * 2);
+		width: calc(100% - $margin * 2);
+
+		margin: $margin auto 0 auto;
+	}
+	.screen {
+		&__content {
+			@apply text-center pt-12 px-16 w-fit mx-auto h-auto overflow-visible relative;
+
+			padding-bottom: -100px;
+
+			background-image: url("../../img/mask.svg");
+			background-position: center;
+			background-size: cover;
+		}
+	}
+}