:root {
  --txt: #fff;
  --white:#262542;
}

*{

	padding: 0px;
	margin: 0px;
}
body
{
		background-color: rgba(255, 255, 255, 0.5);
}
.main
{
	background-color: #272727;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1111;

}
.bkmain{
	width: 100%;
	height: 100vh;
	background: url("../images/login.jpg")center center/cover;
	background-attachment: fixed;
	
}
.bkmain2{
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(3px);
	height: 100%;
	width: 100%;
	padding: 80px 25px;
	display: grid;
	place-items: center;
	overflow: auto;
	
}
.loginname
{
	padding:10px 0px;
	text-align: center;
	color: #efefef;
	font-weight: bold;
	font-variant: small-caps;
	font-weight: bold;
}
.imglogin
{
	/*border:2px solid red;*/
	text-align: center;
}
.imglogin img
{
	width: 80%;
}
.loginmain
{
	width: 40%;
	min-width: 300px;
	box-sizing: all;
	padding-bottom: 10px;
	border-radius: 15px;
	overflow: hidden;
	background-color: white;
	font-weight: bold;
	box-shadow: 0 0 10px #ccc;

}
.loginpagename
{
	width: 100%;
	padding: 10px;
	color: #000;
	text-align: center;
	font-weight: bolder;
	font-size: 18px;
	background-color: White;


}
.formdata
{
	padding:20px;


}
.errordiv
{
	color:red;
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: center;
}
.footmain
{
	background-color: #272727;
	position: fixed;
	left: 0;
	bottom: 0px;
	width: 100%;

}
.foot
{
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	color:var(--txt);
}