feat: More view changes.

Public/css/main.css

@@ -1,4 +1,72 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
 body {
   background-color: #1e1e2e;
   color: #ff66ff;
 }
+
+.container {
+  margin: 0 auto;
+  padding: 0 20px;
+  overflow: hidden;
+}
+
+header {
+  background-color: #14141f;
+  color: #ff66ff;
+  padding: 10px 0;
+  border-bottom: 1px solid grey;
+}
+
+#logo {
+  float: left;
+  font-size: 1.5em;
+}
+
+nav {
+  float: right;
+}
+
+.nav-links {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+.nav-links li {
+  display: inline-block;
+  margin-left: 20px;
+}
+
+.nav-links li a {
+  color: #fff;
+  text-decoration: none;
+  padding: 10px 15px;
+  display: inline-block;
+  transition: background-color 0.3s;
+}
+
+.nav-links li a:hover {
+  background-color: #555;
+}
+
+.content {
+  padding: 50px 0;
+}
+
+.login-form {
+  padding: 50px 0;
+  text-align: center;
+}
+
+.login-form label {
+  padding: 15px;
+}
+
+.login-form input {
+  margin-bottom: 15px;
+}