.login {
			width: 500px;
			margin: 10vh auto;
			padding-top: 20px;
			padding-bottom: 20px;
			text-align: center;
			border:1px solid black;
			border-radius: 2px;
		}
		input[type="text"], input[type="password"] {
		    width: 300px;
		    height: 50px;
		    font-size: 18px;
		  text-align: left;
		    padding-left:5px;
			}

.form1{
  font-size: 15px;
  padding-bottom: 7px;
}

.form2{
  font-size: 15px;
  padding-bottom: 20px;
}

button {
  padding:10px;
  width: 150px;
  border:1px solid lightgrey;
  background: transparent;
  margin-top: 30px;
  border-radius: 2px;
  z-index: 9999;
}

.button {
  padding:10px;
  width: 150px;
  border:1px solid lightgrey;
  background: transparent;
  margin-top: 30px;
  border-radius: 2px;
}

.button2 {
  padding:10px;
  width: 150px;
  border:1px solid lightgrey;
  background: transparent;
  margin-top: 60px;
  border-radius: 2px;
}

.button:hover {
  border:1.2px solid black;
}

		/*Modal*/

		#id01{
			width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
/*	bg infront of content*/
	position: absolute;
	top: 0;	
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 999;
		}
.g-modal{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
/*	bg infront of content*/
	position: absolute;
	top: 0;	
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 999;
	
	
}
.modal-contents{
	width: 500px;

	background-color: white;

text-align: center;
padding: 20px; 
position: relative;

}
.close{
	position: absolute;
	top: 0;
	right: 14px;
	font-size: 45px !important;
	color: #333;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-cursor: pointer;
	&:hover {
		color: #666;
	}
}