body {
	padding:	0;
	margin:		0;
	background:	#000000;
	background:	linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(85, 85, 255, 1) 100%);
}

main {
	display:		flex;
	width:			100%;
	height:			75vh;
	align-items:		center;
	justify-content:	center;
}

h1 {
	margin:		0 0 15px;
	color:		red;
	font-size:	22px;	
}

.ll {
	width:	200px;
}

.flag {
	padding: 20px 5px 10px 5px;
}

.login-page {
	width:		360px;
	padding:	8% 0 0; 
	margin:		auto;
}

.form {
	position:	relative;
	z-index:	1;
	background:	#FFFFFF;
	max-width:	360px;
	margin:		0 auto 100px;
	padding:	20px 45px 0px 45px;
	text-align:	center;
	box-shadow:	0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.form input {
	outline:	0;
	background:	#f2f2f2;
	width:		100%;
	border: 	0;
	margin:		0 0 15px;
	padding:	15px;
	box-sizing:	border-box;
	font-size:	14px;
	font-family:    "Inter Light", sans-serif;
}

.form button {
	text-transform:	uppercase;
	outline:		0;
	background:		#000000;
        background:		linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(85, 85, 255, 1) 100%);
	width:			100%;
	border:			0;
	padding:		15px;
	color:			#FFFFFF;
	font-size:		14px;
	-webkit-transition: 	all 0.3 ease;
	transition: 		all 0.3 ease;
	cursor:			pointer;
	font-family:		"Inter Light", sans-serif;
}

.form button:hover,.form button:active,.form button:focus {
	background:	#5555FF;
}

.form .message {
	margin:		15px 0 0;
	color:		#b3b3b3;
	font-size:	12px;
	font-family:	"Inter Light", sans-serif;
}

.form .wrong {
	margin:		0 0 15px;
	color:		red;
	font-size:	14px;
	font-family:	"Inter Light", sans-serif;
}

.form .start {
        margin:         0 0 15px;
/*        color:          red; */
        font-size:      14px;
        font-family:    "Inter Light", sans-serif;
}


.form .message a {
	color:			#4CAF50;
	text-decoration:	none;
	font-family:		"Inter Light", sans-serif;
}