[MAIN] Simplify Styling + Reorganize (#5)

* initial commit

* remove extra images

* PR changes

* change title size for 01 example

* tidy css

Co-authored-by: apobletts <[email protected]>

Author: dylanbrookes

.DS_Store

@@ -1,4 +1,4 @@
 node_modules/
 dev.env
+*.DS_STORE
 .env
-*.DS_STORE

.dockerignore renamed to 01-Login/.dockerignore

@@ -0,0 +1,45 @@
+.main-container {
+  background: white;
+  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+  border-radius: 20px;
+  width: 310px;
+  min-height: 310px;
+  margin: 30px auto;
+}
+.footer {
+  text-align: center;
+  font-size: 18px;
+}
+
+.dashboard{
+  padding: 30px 30px 20px;
+}
+.title {
+  font-size: 32px;
+  font-weight: 700;
+  margin-bottom: 30px;
+}
+.message {
+  overflow-wrap: anywhere;
+}
+.link {
+  color: black;
+  text-decoration-color: black;
+}
+
+html,
+body {
+  padding: 0;
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+* {
+  box-sizing: border-box;
+}

.gitignore renamed to 01-Login/.gitignore

@@ -0,0 +1,22 @@
+.main-header{
+  padding: 20px 30px;
+  display: flex;
+  align-items: center;
+  background-color: #27417E;
+  color: white;
+}
+.header-text {
+  font-size: 32px;
+  margin-left: 10px;
+}
+  
+.passage-logo {
+  background-image: url('https://storage.googleapis.com/passage-docs/passage-logo.svg');
+  background-repeat: no-repeat;
+  width: 60px;
+  height: 60px;
+  cursor: pointer;
+}
+.spacer {
+  flex-grow: 1;
+}