73 files changed, 115 insertions, 33 deletions

diff --git a/src/public/bg.jpg b/src/public/bg.jpg
deleted file mode 100644
index 6f8314a..0000000
--- a/src/public/bg.jpg
+++ /dev/null
diff --git a/src/public/bg/0001.jpg b/src/public/bg/0001.jpg
new file mode 100644
index 0000000..0ff8146
--- /dev/null
+++ b/src/public/bg/0001.jpg
diff --git a/src/public/bg/0002.jpg b/src/public/bg/0002.jpg
new file mode 100644
index 0000000..4e5a0e4
--- /dev/null
+++ b/src/public/bg/0002.jpg
diff --git a/src/public/bg/0003.jpg b/src/public/bg/0003.jpg
new file mode 100644
index 0000000..2d82fd9
--- /dev/null
+++ b/src/public/bg/0003.jpg
diff --git a/src/public/bg/0004.jpg b/src/public/bg/0004.jpg
new file mode 100644
index 0000000..541578a
--- /dev/null
+++ b/src/public/bg/0004.jpg
diff --git a/src/public/bg/0005.jpg b/src/public/bg/0005.jpg
new file mode 100644
index 0000000..8b58607
--- /dev/null
+++ b/src/public/bg/0005.jpg
diff --git a/src/public/bg/0006.jpg b/src/public/bg/0006.jpg
new file mode 100644
index 0000000..583e4fc
--- /dev/null
+++ b/src/public/bg/0006.jpg
diff --git a/src/public/bg/0007.jpg b/src/public/bg/0007.jpg
new file mode 100644
index 0000000..77dea69
--- /dev/null
+++ b/src/public/bg/0007.jpg
diff --git a/src/public/bg/0008.jpg b/src/public/bg/0008.jpg
new file mode 100644
index 0000000..baa0568
--- /dev/null
+++ b/src/public/bg/0008.jpg
diff --git a/src/public/bg/0009.jpg b/src/public/bg/0009.jpg
new file mode 100644
index 0000000..19c924f
--- /dev/null
+++ b/src/public/bg/0009.jpg
diff --git a/src/public/bg/0010.jpg b/src/public/bg/0010.jpg
new file mode 100644
index 0000000..864c074
--- /dev/null
+++ b/src/public/bg/0010.jpg
diff --git a/src/public/bg/0011.jpg b/src/public/bg/0011.jpg
new file mode 100644
index 0000000..ebfda51
--- /dev/null
+++ b/src/public/bg/0011.jpg
diff --git a/src/public/bg/0012.jpg b/src/public/bg/0012.jpg
new file mode 100644
index 0000000..e7ce9cd
--- /dev/null
+++ b/src/public/bg/0012.jpg
diff --git a/src/public/bg/0013.jpg b/src/public/bg/0013.jpg
new file mode 100644
index 0000000..8ef8658
--- /dev/null
+++ b/src/public/bg/0013.jpg
diff --git a/src/public/bg/0014.jpg b/src/public/bg/0014.jpg
new file mode 100644
index 0000000..c3989fd
--- /dev/null
+++ b/src/public/bg/0014.jpg
diff --git a/src/public/bg/0015.jpg b/src/public/bg/0015.jpg
new file mode 100644
index 0000000..117a684
--- /dev/null
+++ b/src/public/bg/0015.jpg
diff --git a/src/public/bg/0016.jpg b/src/public/bg/0016.jpg
new file mode 100644
index 0000000..e6aec55
--- /dev/null
+++ b/src/public/bg/0016.jpg
diff --git a/src/public/bg/0017.jpg b/src/public/bg/0017.jpg
new file mode 100644
index 0000000..8a3fa8c
--- /dev/null
+++ b/src/public/bg/0017.jpg
diff --git a/src/public/bg/0018.jpg b/src/public/bg/0018.jpg
new file mode 100644
index 0000000..86f9ac1
--- /dev/null
+++ b/src/public/bg/0018.jpg
diff --git a/src/public/bg/0019.jpg b/src/public/bg/0019.jpg
new file mode 100644
index 0000000..b67060f
--- /dev/null
+++ b/src/public/bg/0019.jpg
diff --git a/src/public/bg/0020.jpg b/src/public/bg/0020.jpg
new file mode 100644
index 0000000..01b63fd
--- /dev/null
+++ b/src/public/bg/0020.jpg
diff --git a/src/public/bg/0021.jpg b/src/public/bg/0021.jpg
new file mode 100644
index 0000000..c34702e
--- /dev/null
+++ b/src/public/bg/0021.jpg
diff --git a/src/public/bg/0022.jpg b/src/public/bg/0022.jpg
new file mode 100644
index 0000000..32ab2f9
--- /dev/null
+++ b/src/public/bg/0022.jpg
diff --git a/src/public/bg/0023.jpg b/src/public/bg/0023.jpg
new file mode 100644
index 0000000..120ab71
--- /dev/null
+++ b/src/public/bg/0023.jpg
diff --git a/src/public/bg/0024.jpg b/src/public/bg/0024.jpg
new file mode 100644
index 0000000..e2200cd
--- /dev/null
+++ b/src/public/bg/0024.jpg
diff --git a/src/public/bg/0025.jpg b/src/public/bg/0025.jpg
new file mode 100644
index 0000000..e1ebc9c
--- /dev/null
+++ b/src/public/bg/0025.jpg
diff --git a/src/public/bg/0026.jpg b/src/public/bg/0026.jpg
new file mode 100644
index 0000000..fe7244c
--- /dev/null
+++ b/src/public/bg/0026.jpg
diff --git a/src/public/bg/0027.jpg b/src/public/bg/0027.jpg
new file mode 100644
index 0000000..e40dcf2
--- /dev/null
+++ b/src/public/bg/0027.jpg
diff --git a/src/public/bg/0028.jpg b/src/public/bg/0028.jpg
new file mode 100644
index 0000000..602df1f
--- /dev/null
+++ b/src/public/bg/0028.jpg
diff --git a/src/public/bg/0029.jpg b/src/public/bg/0029.jpg
new file mode 100644
index 0000000..f9f652f
--- /dev/null
+++ b/src/public/bg/0029.jpg
diff --git a/src/public/bg/0030.jpg b/src/public/bg/0030.jpg
new file mode 100644
index 0000000..6f24103
--- /dev/null
+++ b/src/public/bg/0030.jpg
diff --git a/src/public/bg/0031.jpg b/src/public/bg/0031.jpg
new file mode 100644
index 0000000..cda7b71
--- /dev/null
+++ b/src/public/bg/0031.jpg
diff --git a/src/public/bg/0032.jpg b/src/public/bg/0032.jpg
new file mode 100644
index 0000000..43b0672
--- /dev/null
+++ b/src/public/bg/0032.jpg
diff --git a/src/public/bg/0033.jpg b/src/public/bg/0033.jpg
new file mode 100644
index 0000000..39510c4
--- /dev/null
+++ b/src/public/bg/0033.jpg
diff --git a/src/public/bg/0034.jpg b/src/public/bg/0034.jpg
new file mode 100644
index 0000000..f724db1
--- /dev/null
+++ b/src/public/bg/0034.jpg
diff --git a/src/public/bg/0035.jpg b/src/public/bg/0035.jpg
new file mode 100644
index 0000000..ca31ff5
--- /dev/null
+++ b/src/public/bg/0035.jpg
diff --git a/src/public/bg/0036.jpg b/src/public/bg/0036.jpg
new file mode 100644
index 0000000..5c7daeb
--- /dev/null
+++ b/src/public/bg/0036.jpg
diff --git a/src/public/bg/0037.jpg b/src/public/bg/0037.jpg
new file mode 100644
index 0000000..27865c9
--- /dev/null
+++ b/src/public/bg/0037.jpg
diff --git a/src/public/bg/0038.jpg b/src/public/bg/0038.jpg
new file mode 100644
index 0000000..9378daa
--- /dev/null
+++ b/src/public/bg/0038.jpg
diff --git a/src/public/bg/0039.jpg b/src/public/bg/0039.jpg
new file mode 100644
index 0000000..9b9487f
--- /dev/null
+++ b/src/public/bg/0039.jpg
diff --git a/src/public/bg/0040.jpg b/src/public/bg/0040.jpg
new file mode 100644
index 0000000..5fe91ca
--- /dev/null
+++ b/src/public/bg/0040.jpg
diff --git a/src/public/bg/0041.jpg b/src/public/bg/0041.jpg
new file mode 100644
index 0000000..eb77cc3
--- /dev/null
+++ b/src/public/bg/0041.jpg
diff --git a/src/public/bg/0042.jpg b/src/public/bg/0042.jpg
new file mode 100644
index 0000000..ce857a2
--- /dev/null
+++ b/src/public/bg/0042.jpg
diff --git a/src/public/bg/0043.jpg b/src/public/bg/0043.jpg
new file mode 100644
index 0000000..8d1c961
--- /dev/null
+++ b/src/public/bg/0043.jpg
diff --git a/src/public/bg/0044.jpg b/src/public/bg/0044.jpg
new file mode 100644
index 0000000..cbcacbb
--- /dev/null
+++ b/src/public/bg/0044.jpg
diff --git a/src/public/bg/0045.jpg b/src/public/bg/0045.jpg
new file mode 100644
index 0000000..1852910
--- /dev/null
+++ b/src/public/bg/0045.jpg
diff --git a/src/public/bg/0046.jpg b/src/public/bg/0046.jpg
new file mode 100644
index 0000000..0e491f3
--- /dev/null
+++ b/src/public/bg/0046.jpg
diff --git a/src/public/bg/0047.jpg b/src/public/bg/0047.jpg
new file mode 100644
index 0000000..18a6b92
--- /dev/null
+++ b/src/public/bg/0047.jpg
diff --git a/src/public/bg/0048.jpg b/src/public/bg/0048.jpg
new file mode 100644
index 0000000..32b6422
--- /dev/null
+++ b/src/public/bg/0048.jpg
diff --git a/src/public/bg/0049.jpg b/src/public/bg/0049.jpg
new file mode 100644
index 0000000..0760400
--- /dev/null
+++ b/src/public/bg/0049.jpg
diff --git a/src/public/bg/0050.jpg b/src/public/bg/0050.jpg
new file mode 100644
index 0000000..c203587
--- /dev/null
+++ b/src/public/bg/0050.jpg
diff --git a/src/public/bg/0051.jpg b/src/public/bg/0051.jpg
new file mode 100644
index 0000000..1b8d855
--- /dev/null
+++ b/src/public/bg/0051.jpg
diff --git a/src/public/bg/0052.jpg b/src/public/bg/0052.jpg
new file mode 100644
index 0000000..e91914e
--- /dev/null
+++ b/src/public/bg/0052.jpg
diff --git a/src/public/bg/0053.jpg b/src/public/bg/0053.jpg
new file mode 100644
index 0000000..82cbd0f
--- /dev/null
+++ b/src/public/bg/0053.jpg
diff --git a/src/public/bg/0054.jpg b/src/public/bg/0054.jpg
new file mode 100644
index 0000000..26a3992
--- /dev/null
+++ b/src/public/bg/0054.jpg
diff --git a/src/public/bg/0055.jpg b/src/public/bg/0055.jpg
new file mode 100644
index 0000000..687f3c9
--- /dev/null
+++ b/src/public/bg/0055.jpg
diff --git a/src/public/bg/0056.jpg b/src/public/bg/0056.jpg
new file mode 100644
index 0000000..d63123f
--- /dev/null
+++ b/src/public/bg/0056.jpg
diff --git a/src/public/bg/0057.jpg b/src/public/bg/0057.jpg
new file mode 100644
index 0000000..29e0e78
--- /dev/null
+++ b/src/public/bg/0057.jpg
diff --git a/src/public/bg/0058.jpg b/src/public/bg/0058.jpg
new file mode 100644
index 0000000..0573f0b
--- /dev/null
+++ b/src/public/bg/0058.jpg
diff --git a/src/public/bg/0059.jpg b/src/public/bg/0059.jpg
new file mode 100644
index 0000000..b8f509c
--- /dev/null
+++ b/src/public/bg/0059.jpg
diff --git a/src/public/bg/0060.jpg b/src/public/bg/0060.jpg
new file mode 100644
index 0000000..221b115
--- /dev/null
+++ b/src/public/bg/0060.jpg
diff --git a/src/public/bg/0061.jpg b/src/public/bg/0061.jpg
new file mode 100644
index 0000000..2493e91
--- /dev/null
+++ b/src/public/bg/0061.jpg
diff --git a/src/public/bg/0062.jpg b/src/public/bg/0062.jpg
new file mode 100644
index 0000000..264caa1
--- /dev/null
+++ b/src/public/bg/0062.jpg
diff --git a/src/public/bg/0063.jpg b/src/public/bg/0063.jpg
new file mode 100644
index 0000000..47a25c8
--- /dev/null
+++ b/src/public/bg/0063.jpg
diff --git a/src/public/bg/0064.jpg b/src/public/bg/0064.jpg
new file mode 100644
index 0000000..28932ca
--- /dev/null
+++ b/src/public/bg/0064.jpg
diff --git a/src/public/bg/0065.jpg b/src/public/bg/0065.jpg
new file mode 100644
index 0000000..2477bac
--- /dev/null
+++ b/src/public/bg/0065.jpg
diff --git a/src/public/bg/0066.jpg b/src/public/bg/0066.jpg
new file mode 100644
index 0000000..4e8fbe9
--- /dev/null
+++ b/src/public/bg/0066.jpg
diff --git a/src/public/bg/0067.jpg b/src/public/bg/0067.jpg
new file mode 100644
index 0000000..aafede1
--- /dev/null
+++ b/src/public/bg/0067.jpg
diff --git a/src/public/bg/0068.jpg b/src/public/bg/0068.jpg
new file mode 100644
index 0000000..e4fde22
--- /dev/null
+++ b/src/public/bg/0068.jpg
diff --git a/src/public/bg/0069.jpg b/src/public/bg/0069.jpg
new file mode 100644
index 0000000..e7d5ec4
--- /dev/null
+++ b/src/public/bg/0069.jpg
diff --git a/src/public/bg/0070.jpg b/src/public/bg/0070.jpg
new file mode 100644
index 0000000..c7e1e6f
--- /dev/null
+++ b/src/public/bg/0070.jpg
diff --git a/src/public/main.css b/src/public/main.css
index 2c5ecf2..ddaa7ce 100644
--- a/src/public/main.css
+++ b/src/public/main.css
@@ -1,68 +1,150 @@
 
+@font-face {
+	font-family: 'Open Sans';
+	src: url('opensans.ttf');
+}
+
 :root {
+	--white: #fff;
+	--grey: #F5F5F5;
+	--black: #2D2D2F;
+
+	--text: var(--black);
+	--font: 'Playfair Display';
 	--blue: rgb(0, 102, 204);
+
+	--font-size: 140%;
+	--font-small: 60%;
+
+	--radius: 7px;
 }
 
 * {
 	box-sizing: border-box;
 }
 
-html, body {
+html,
+body,
+main {
+	min-height: 100vh;
 	height: 100%;
-	padding: 0;
-	margin: 0;
 }
 
 body {
+	background: var(--white);
+	color: var(--text);
+	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
+	font-size: var(--font-size);
+	margin: 0;
+}
+
+.row {
 	display: flex;
+	flex-direction: row;
+	flex: 1;
+}
+
+.col {
+	display: flex;
+	flex-direction: column;
+	flex: 1;
 	justify-content: center;
-	background: url('./bg.jpg')
-		50% 50%/cover no-repeat fixed;
-	color: #fff;
-	font-family: "Open Sans", Helvetica, Arial, sans-serif;
-	font-weight: 100;
-	font-size: 14px;
 }
 
 main {
-	margin-top: 20vh;
-	height: fit-content;
-	width: 400px;
+	justify-content: center;
+	align-items: center;
 	background: #fff;
 	color: #000;
 }
 
-main .heading {
-	border-top: 5px solid var(--blue);
-	font-size: 1.5rem;
-	text-align: center;
-	padding: 10px;
+main .content-box {
+	margin: auto 0;
+	height: 100%;
+	align-items: center;
 }
 
 main .content {
-	padding: 10px;
+	padding: 40px;
+	min-width: 400px;
 }
 
-main .content, form {
-	display: flex;
-	flex-direction: column;
+.btn {
+	background: var(--grey);
+	color: var(--black);
+	text-decoration: none;
+	font-size: var(--font-small);
+	padding: 10px 60px;
+	border-radius: var(--radius);
+	cursor: pointer;
 }
 
-main label,
-main #submit {
-	margin-top: 10px;
+.btn:hover {
+	outline: 1px solid var(--black);
+	transition: all 0.2s ease-out;
 }
 
-main input {
-	border: 1px solid #ddd;
+main .banner {
+	width: 100%;
+	height: 100%;
+}
+
+main .banner img {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+	border-radius: 30px 0 0 30px;
+}
+
+input {
 	outline: none;
-	padding: 7px;
-	font-size: 14px;
-	border-bottom-color: black;
+	border: none;
 }
 
-main #submit {
-	background: var(--blue);
-	color: white;
-	cursor: pointer;
+form input:not(.btn) {
+	display: block;
+	outline: 2px solid var(--grey);
+	margin-bottom: 10px;
+	padding: 10px;
+	min-width: 350px;
+	border-radius: var(--radius);
+	font-size: var(--font-small);
+}
+
+form input:not(.btn):focus {
+	outline-color: var(--blue);
+}
+
+form > div {
+	position: relative;
+}
+
+form label {
+	position: absolute;
+	top: 50%;
+	font-size: var(--font-small);
+	transform: translate(10px, -50%);
+	pointer-events: none;
+}
+
+input:focus + label,
+input:not(:placeholder-shown) + label {
+	top: 0;
+	padding: 2px;
+	background-color: var(--white);
+	transition: all 0.2s ease-out;
+}
+
+@media (max-width: 1200px) {
+	.row {
+		flex-direction: column !important;
+	}
+
+	main .banner {
+		height: 50% !important;
+	}
+
+	main .banner img {
+		border-radius: 30px 30px 0 0;
+	}
 }
diff --git a/src/public/opensans.ttf b/src/public/opensans.ttf
new file mode 100644
index 0000000..ac587b4
--- /dev/null
+++ b/src/public/opensans.ttf