.loginbox{
	width: 320px;
	height: 420px;
	background: black;
	color: white;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%,-50%);
	box-sizing: border-box;
	z-index: 30;
	border: 1px solid #671322;
	border-radius: 10px;
	padding:50px 30px;

}

.avatar{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	color: black;
	top: 0px;
	left: calc(50% - 0px);
	position: absolute;
	transform: translate(-50%,-50%);
	box-sizing: border-box;
}

.loginbox p
{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.loginbox input
{
	width: 100%;
	margin-bottom: 20px;

}

.loginbox input[type="text"], input[type="password"]{
	border:none;
	background: transparent;
	outline: none;
	height: 40px;
	border-bottom: 1px solid #fff;
	color: white;
	font-size: 16px;

}
.loginbox input[type="submit"]{
	border:none;
	outline: none;
	height: 40px;
	color: white;
	font-size: 16px;
	font-weight: 700;
	background-color: #fa6801;
	border-radius: 20px;
}

.loginbox input[type="submit"]:hover{
	background-color: white;
	cursor: pointer;
	color: #000;
}

.red{
	color: red;
}