html{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:"calibri";
	color:rgba(58, 63, 81,0.8);
	color:#6abaf2;
}

img{
	width:100%;
	height:100%;
	position:fixed;
}


h1{
	margin-bottom:80px;
}

h2{
	margin-bottom:10px;
	margin-left:20px;
}


.divFondLogin{
	width:100%;
	height:100%;
	position:fixed;
	background-color:rgba(255,255,255,0.6);
}

.divLogin{
	position:absolute;
	top:200px;
	left:200px;
	background-color:white;
	width:400px;
	height:600px;
	box-shadow: 0px 0px 30px #bbb;
	border-radius:15px;
	display:flex;
	flex-direction:column;
}

.divLogin input[type="text"], .divLogin input[type="password"]{
	width: 100%;
	height:40px;
	padding: 0px 20px 0px 40px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

.divLogin input[type="submit"]{
	width: 70%;
	height:40px;
	border:0px;
	background-color:#79c0ef;
	color:white;
	border-radius:20px;
}

.divInput{
	position:relative;
	padding:20px;
}

.divInput i{
	position:absolute;
	top:30px;
	left:30px;
}

.divLogin_left{
	background-color:white;
}

.divLogin_right{
	background-image:url("trees.png");
	background-size:contain;
	background-repeat:no-repeat;
}