html {
	background-color: #E4E9FD;
	background-image: -webkit-linear-gradient(65deg, #7FB5FF 50%, #C4DDFF 50%);
	min-height: 100vh;
	font-family: 'helvetica neue';
	font-size:10px;
}

.formular{
	text-align:center;
}

#autentificare
	{	 
		display: inline-block;
		font-family:serif;
		font-size:5rem;			
	}	

#autentificare ul
	{
		list-style-type:none;
		color:#001D6E;
	}

.titlu
	{
		text-align:center;
		font-family:serif;
		font-size:7rem;
		color:#001D6E;				
	}

.text
{
	text-align:left;
}	

.introducere
	{
		font-family:serif;
		font-size:5rem;
		color:#001D6E;
	}

.btn
	{
		height:10rem;
		width:30rem;
		font-family:serif;
		font-size:5rem;
		border-radius:2rem;
		color:white;
		background-color:#001D6E;
	}	

footer {
	display: block;
	position: fixed;
	bottom: 3rem;
	width: 99vw;
	height: 6vh;
	color: black;
	font-size: 4rem;
	text-align: center;
	}
	

/* media queries */

@media (max-width:576px),(orientation:portrait) {
	#autentificare{font-size: 2rem;}
	.introducere{font-size: 2rem;}
	.btn{height:4rem;width:16rem;font-size:2.5rem;}
	.titlu{font-size: 3rem;margin: 0;}
	footer{font-size: 1.5rem;}
}

@media (min-width:576px) and (orientation:landscape){
	#autentificare{font-size: 1.5rem;}
	.introducere{font-size: 1.5rem;}
	.btn{height:3rem;width:16rem;font-size:2rem;}
	.titlu{font-size: 2rem;}
	footer{font-size: 1.5rem;bottom: 1.5rem;}
}

@media (min-width:768px) and (orientation:landscape){
	#autentificare{font-size: 2rem;}
	.introducere{font-size: 2rem;}
	.btn{height:4rem;width:16rem;font-size:3rem;}
	.titlu{font-size: 4rem;}
	footer{font-size: 2rem;}
	 
}

@media (min-width:992px){
	
}

@media (min-width:1200px){
	.titlu{font-size: 5rem;}
	footer{font-size: 2.5rem;}
}