		*{
			padding: 0px;
			margin: 0px;
		}
        body{
			background-image: url('../img/2.jpg');
			background-size: cover;
		}
		main{
			width: 100%;
			height:100vh;
			display: flex;

		}
		.box_login{
			width: 400px;
			height: 500px;
			display: block;
			/*flex-direction: column;*/
			border-radius:8px 8px 8px 8px;
			margin: 50px auto;
			box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			font-family:Arial, Helvetica, sans-serif;
			background: white;
		}
		.text{
			width: 100%;
			margin-top: 50px;
		
			text-align: center;
			font-size: 45px;
			font-weight:  bolder;
		}
		.labe{
			width: 90%;
			height: 20px;
			/*border: 1px solid red;*/
			margin: 30px auto; 
			font-weight:  bolder;

		}
		input[type=text]{
			padding: 10px;
			width: 94%;
		}

		input[type=password]{
			padding: 10px;
			width: 94%;
		}
		.box_log{
			width: 100%;
			padding: 20px;
			background: black;
			color: white;
		}
		.labe_bot{
			width: 90%;
			margin: 50px auto;
			/*border: 1px solid red;*/
			font-weight:  bolder;

		}
		.box_log:hover{
			background: #424949;
			border: 2px solid #424949;
		}
		.labe_option{
			width: 90%;
			margin: -40px auto;
			text-align: center;
			font-weight:  bolder;
			/*border: 1px solid red;*/
		}
	     a:hover{
			color: #424949;
		}
		a{
			list-style: none;
			text-decoration: none;
			color: black;
		}
		.err{
			width: 90%;
			height: px;
			margin: 4px auto;
			padding-top: 40px;
			text-align: center;
			/*border: 1px solid red;*/
			color: red;
		}