body {

    /*background: #d7e8f5; */
	
    display: flex;

    justify-content: center;

    align-items: center;

    height: 100vh;

    flex-direction: column;

}
.bg-img {
  /* The image used */
  background-image: url("/JJM/image/google_sat.png");

  min-height: 380px;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
	
			.menu {
				 top: 0%;
				width: 90%;
				height:45px;
				
				 
				  
				  
				}
.blur_effect {
            filter: blur(5px);
        }

*{

    font-family: "Gill Sans", sans-serif;

    box-sizing: padding-box;

}

form {

    width: 500px;

    border: 3px solid rgb(177, 142, 142);

    padding: 20px;

    background: rgb(230, 230, 250);

    border-radius: 10px;

}

h2 {

    text-align: center;

    margin-bottom: 40px;

}

input {

    display: block;

    border: 2px solid #ccc;

    width: 95%;

    padding: 10px;

    margin: 10px auto;

    border-radius: 5px;

}

label {

    color: #C04000;

    font-size: 16px;

    padding: 10px;

}

button {

    float: right;

    background: rgb(35, 174, 202);

    padding: 10px 15px;

    color: #fff;

    border-radius: 5px;

    margin-right: 10px;

    border: none;

}

button:hover{

    opacity: .1;
	color: #C04000;

}

.error {

   background: #F2DEDE;

   color: #EB5406;

   padding: 10px;

   width: 95%;

   border-radius: 5px;

   margin: 20px auto;

}

h1 {

    text-align: center;

    color: rgb(134, 3, 3);

}

a {

    float: right;

    background: rgb(183, 225, 233);

    padding: 10px 15px;

    color: #fff;

    border-radius: 10px;

    margin-right: 10px;

    border: none;

    text-decoration: none;

}

a:hover{

    opacity: .7;

}