initial

2 files changed, 70 insertions, 0 deletions

diff --git a/src/public/bg.jpg b/src/public/bg.jpg
new file mode 100644
index 0000000..98ef823
--- /dev/null
+++ b/src/public/bg.jpg
diff --git a/src/public/main.css b/src/public/main.css
new file mode 100644
index 0000000..058a49e
--- /dev/null
+++ b/src/public/main.css
@@ -0,0 +1,70 @@
+
+:root {
+	--blue: rgb(0, 102, 204);
+}
+
+* {
+	box-sizing: border-box;
+}
+
+html, body {
+	height: 100%;
+	padding: 0;
+	margin: 0;
+}
+
+body {
+	display: flex;
+	justify-content: center;
+	background: #898989;
+	background-image: url('./bg.jpg');
+	background-size: 100%;
+	background-position: 50% 50%;
+	color: #fff;
+	font-family: "Open Sans", Helvetica, Arial, sans-serif;
+	font-weight: 100;
+	font-size: 12px;
+}
+
+main {
+	margin-top: 20vh;
+	height: fit-content;
+	width: 400px;
+	background: #fff;
+	color: #000;
+}
+
+main .heading {
+	border-top: 5px solid var(--blue);
+	font-size: 1.5rem;
+	text-align: center;
+	padding: 10px;
+}
+
+main .content {
+	padding: 10px;
+}
+
+main .content, form {
+	display: flex;
+	flex-direction: column;
+}
+
+main label,
+main #submit {
+	margin-top: 10px;
+}
+
+main input {
+	border: 1px solid #ddd;
+	outline: none;
+	padding: 7px;
+	font-size: 14px;
+	border-bottom-color: black;
+}
+
+main #submit {
+	background: var(--blue);
+	color: white;
+	cursor: pointer;
+}