Progress on solar implementation, switched to storing metadata in SQL database...

static/style.css

@@ -21,14 +21,16 @@ html {
   overflow-y: hidden;
 }
 
-.bg {
-  background-image: url("image/bg.jpeg");
-  height: 100%;
-  background-position: center;
-  background-repeat: no-repeat;
+html {
+  background: url(image/bg.jpeg) no-repeat center center fixed; 
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
   background-size: cover;
+  overflow-y: scroll;
 }
 
+
 #main-window {
   position: absolute;
   top: 50%;
@@ -60,7 +62,7 @@ html {
   font-family: Roboto;
   font-style: normal;
   font-weight: 200;
-  font-size: 36px;
+  font-size: 32px;
   line-height: 42px;
   margin-block-start: 0.4em;
   z-index: 5;
@@ -89,6 +91,15 @@ label {
   color: #46535b;
 }
 
+.form-text {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 11px;
+  line-height: 12px;
+  color: #46535b;
+}
+
 #button-submit {
   display: flex;
   flex-direction: row;
@@ -102,7 +113,7 @@ label {
   background: #006cb7;
   border-radius: 29px;
   border: 0px;
-  top: 530px;
+  top: 630px;
 
   font-family: Roboto;
   font-style: normal;
@@ -187,8 +198,8 @@ input {
   margin-top: 26px;
   margin-bottom: 26px;
   min-height: 100px;
-  max-height: 500px;
-  top: -530px;
+  max-height: 670px;
+  top: -600px;
   overflow-x: hidden;
   overflow-y: auto;
 }
@@ -196,7 +207,7 @@ input {
 #rect1 {
   position: relative;
   width: 388px;
-  height: 631px;
+  height: 731px;
 
   background: #f5f5f5;
   box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
@@ -238,7 +249,7 @@ input {
   width: 60%;
   height: 40%;
   margin: 0 auto;
-  padding-top: 90px;
+  padding-top: 120px;
   padding-left: 10px;
   padding-right: 10px;
   right: 75px;