From 4334596d4bebc9a76f5ca8400813847eef5b3bb7 Mon Sep 17 00:00:00 2001
From: Freya Murphy <freya@freyacat.org>
Date: Fri, 20 Dec 2024 04:15:58 -0500
Subject: rework styles with scss

---
 src/scss/auth.scss | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 src/scss/auth.scss

(limited to 'src/scss/auth.scss')

diff --git a/src/scss/auth.scss b/src/scss/auth.scss
new file mode 100644
index 0000000..5f4fb91
--- /dev/null
+++ b/src/scss/auth.scss
@@ -0,0 +1,51 @@
+@import "./variables";
+@import "./mixins";
+
+#main-content {
+	padding-top: 20rem;
+	padding-bottom: 5rem;
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+}
+
+.branding {
+	max-width: 100%;
+	width: 30rem;
+	margin-right: 5rem;
+}
+
+.branding h1 {
+	color: $blue;
+	font-family: facebook;
+	font-size: 3.5rem;
+}
+
+.branding span {
+	font-size: 1.5rem;
+}
+
+.form {
+	display: flex;
+	flex-direction: column;
+	width: 30rem;
+	max-width: 100%;
+}
+
+@media(max-width: 1200px) {
+	#main-content {
+		flex-direction: column;
+		align-items: center;
+		width: 100%;
+		padding: 10rem 1rem;
+	}
+
+	.branding {
+		margin: 0;
+	}
+
+	.form {
+		margin-top: 4rem;
+	}
+}
+
-- 
cgit v1.2.3-freya