update main.css file (log-in form stuff mostly).

static/css/main.css

@@ -33,7 +33,8 @@ a:hover {
 }
 
 input[type=file],
-input[type=text] {
+input[type=text],
+input[type=password] {
     border: 1px solid silver;
     border-radius: 8px;
     margin: 0px;
@@ -98,6 +99,10 @@ input[type=text] {
     padding: 12px 8px;
 }
 
+.be-login-container {
+    margin: 60px 0px;
+}
+
 .be-section-thumbnail-row {
     display: flex;
     flex-direction: row;
@@ -112,12 +117,13 @@ input[type=text] {
     white-space: break-spaces !important;
 }
 
-.be-gui-link ,
+.be-gui-link,
 .be-gui-button,
 .be-gui-link-no-text,
 .be-gui-button-no-text {
     background: #905da1;
 }
+
 .be-gui-link-no-text {
     width: 40px;
     height: 40px;
@@ -162,6 +168,11 @@ input[type=text] {
     text-decoration: none;
 }
 
+.be-gui-button {
+    height: 42px;
+     font-size: 16px;
+}
+
 .be-gui-link:hover ,
 .be-gui-button:hover,
 .be-gui-link-no-text:hover,
@@ -197,7 +208,7 @@ input[type=text] {
 .be-gui-form label,
 .be-gui-form input {
     display: block;
-    width: 100;
+    /* width: 100%; */
 }
 
 .be-gui-form label {