diff --git a/src/components/separater/Separater.jsx b/src/components/separater/Separater.jsx
new file mode 100644
index 0000000..1a8ef7e
--- /dev/null
+++ b/src/components/separater/Separater.jsx
@@ -0,0 +1,13 @@
+import React from "react";
+
+import styles from "./Separater.module.css";
+
+function Separator({ width = "50%", thickness = "2px" }) {
+	return (
+		<div className={styles.separatorContainer}>
+			<div className={styles.separator} style={{ width, height: thickness }}></div>
+		</div>
+	);
+}
+
+export default Separator;
diff --git a/src/components/separater/Separater.module.css b/src/components/separater/Separater.module.css
new file mode 100644
index 0000000..3b30d76
--- /dev/null
+++ b/src/components/separater/Separater.module.css
@@ -0,0 +1,13 @@
+.separatorContainer {
+	width: 100%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	padding: 40px 0;
+}
+
+.separator {
+	background-color: var(--accent-color);
+	opacity: 0.6;
+	border-radius: 2px;
+}