header, login css

src/homePage/Homepage.css

@@ -1,7 +1,22 @@
-.colored-section {
+.colored-section2 {
+    /*
     background-color: #e7dec8;
-    color: #000000;
+    
-    white-space: nowrap;
+    background-color: #d84747;
+    
+    background-image: url("../images/banner.jpg");
+    background-size:cover;
+    */
+}
+
+.big-heading{
+    font-family: 'Source Sans Pro',sans-serif!important;
+    font-weight: bold;
+    font-size: 40px;
+    text-shadow: rgb(0 0 0 / 10%) 0 5px 10px;
+    text-align: center;
+    color:rgb(72, 115, 139);
+
 }
 
 

src/login-page/Login.css

@@ -1,11 +1,19 @@
+body{
+    /*
+    background-image: url("../images/login_bg3.jpg");
+    background-size:cover;
+    */
+   
+}
 .login-page{
     padding: 10% 30%;
     text-align: center;
-    background-color: pink;
+    background-color: white;
     
 }
 .signin-Form{
     border: 1px solid blanchedalmond;
+    background-color: #e7dec8;
     border-radius: 2%;
 }
 

src/login-page/Login.js

@@ -69,7 +69,7 @@ class Login extends Component {
             </div>
             <div className="login-btn">
               <Link to="/account"></Link>
-              <button type="submit" class="btn btn-lg btn-primary">
+              <button type="submit" class="btn btn-lg btn-secondary">
                 {t("Login_submit_button")}
               </button>
             </div>