finished user prfile and passwords

assets/styles/app.scss

@@ -15,7 +15,7 @@
 }
 
 
-html, body{
+html, body {
   margin: 0;
   padding: 0;
   //background: linear-gradient(90deg, rgba(14,14,16,1) 0%, rgba(255,128,64,1) 35%, rgba(14,14,16,1) 100%);
@@ -35,6 +35,7 @@ $jet-black: #0e0e10;
 #sidebar {
   min-width: 180px;
   max-width: 180px;
+  height: 100%;
   display: inline;
   white-space: nowrap;
   overflow: hidden;
@@ -54,3 +55,44 @@ $jet-black: #0e0e10;
   display: none;
 }
 
+#main_content {
+  overflow-y: auto;
+  height: calc(100vh - 160px)
+}
+
+.form-signin {
+  width: 100%;
+  max-width: 330px;
+  padding: 15px;
+  margin: 50px auto auto;
+}
+
+.form-signin .checkbox {
+  font-weight: 400;
+}
+
+.form-signin .form-control {
+  position: relative;
+  box-sizing: border-box;
+  height: auto;
+  padding: 10px;
+  font-size: 16px;
+}
+
+.form-signin .form-control:focus {
+  z-index: 2;
+}
+
+.form-signin input {
+  border-radius: 0;
+}
+
+.form-signin input[id="registration_form_username"] {
+  margin-bottom: -1px;
+  border-radius: 0.375rem 0.375rem 0 0;
+}
+
+.form-signin input[id="registration_form_password_second"] {
+  margin-bottom: 10px;
+  border-radius: 0 0 0.375rem 0.375rem;
+}