input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
    background-color: black !important;
    color: #e4e4e6 !important;
    -webkit-box-shadow: 0 0 0 1000px black inset !important;
    -webkit-text-fill-color: #e4e4e6 !important;
}
.fontm{
 font-family:"Figtree";
 font-weight:500;
 font-style:normal;
}
.mimg{
position: fixed;
  display:block;
overflow:clip;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(120deg, #000000, #000000);
transition: 1s all ease-in-out;
    z-index:-1;
  }
.loginlb{
    display:flex;
	z-index:1;
	left:5%;
    top:15%;
	background:transparent;
	padding:2vw;
	padding-top:10vw;
}
.loginlb p{
	text-transform:uppercase;
	font-size:4.5vw;
	margin:0;
	color:#e4e4e6;
}
.mform{
	padding:1.5vw;
	padding-top:20vh;
}
.username{
	display:flex;
	flex-direction:column;
	background:transparent;
	overflow-x:clip;
}
.username input{
	background:0;
	border:none;
	border-radius:0%;
	font-size:4.4vw;
	color:#e4e4e6;
	height:100%;
	width:100%;
	padding-bottom:0.7vw;
	border-bottom:0.3vw solid #e4e4e6;
}
.username input::placeholder{
	color:#e4e4e6;
	opacity:1;
}
.pass{
	display:flex;
	flex-direction:column;
	background:transparent;
	overflow-x:clip;
}
.pass input{
	background:0;
	border:none;
	border-radius:0%;
	font-size:4.4vw;
	color:#e4e4e6;
	height:100%;
	width:100%;
	padding-bottom:0.7vw;
	border-bottom:0.3vw solid #e4e4e6;
}
.pass input::placeholder{
	color:#e4e4e6;
	opacity:1;
}
input:focus{
	outline:none;
}
.submit{
	border:0.3vw solid #e4e4e6;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:1.5vw;
	padding-top:2.5vw;
	padding-bottom:2.5vw;
}
.submit input{
	width:100%;
	font-size:3.5vw;
	background:none;
	border:none;
	color:#e4e4e6;
	text-transform:uppercase;
	text-align:center;
}
.error-cover{
	position:fixed;
	height:100vh;
	background:lch(0 0 0 / 0.65);
	width:100%;
	top:0;
	left:0;
}
.error{
	position:fixed;
	z-index:1;
	width:75vw;
	margin-left:11vw;
	margin-top:30vh;
	background:black;
	border:0.3vw solid white;
}
.error p{
	font-size:3.5vw;
	text-transform:uppercase;
	padding:3vw;
	color:#e4e4e6;
	margin:0;
}
.error p:first-child{
	padding-bottom:5vh;
}
.error p:last-child{
	cursor:pointer;
	margin:0;
	border-radius:0%;
	text-align:center;
	border-top:0.3vw solid white;
}
@media (min-width: 1200px) and (min-height: 600px) {
	.loginlb{
    display:flex;
	z-index:1;
	left:5%;
    top:0%;
	background:transparent;
	padding:2vw;
	padding-top:5vw;
	padding-left:5vw;
}
.loginlb p{
	text-transform:uppercase;
	font-size:1.5vw;
	margin:0;
	color:#e4e4e6;
}
.mform{
	padding:1.5vw;
	padding-left:4.95vw;
	padding-top:10vh;
	width:50vw;
}
.username{
	display:flex;
	flex-direction:column;
	background:transparent;
	overflow-x:clip;
}
.username input{
	background:0;
	border:none;
	border-radius:0%;
	font-size:1.5vw;
	color:#e4e4e6;
	height:100%;
	width:100%;
	padding-bottom:0.7vw;
	border-bottom:0.1vw solid #e4e4e6;
}
.username input::placeholder{
	color:#e4e4e6;
	opacity:1;
}
.pass{
	display:flex;
	flex-direction:column;
	background:transparent;
	overflow-x:clip;
}
.pass input{
	background:0;
	border:none;
	border-radius:0%;
	font-size:1.5vw;
	color:#e4e4e6;
	height:100%;
	width:100%;
	padding-bottom:0.7vw;
	border-bottom:0.1vw solid #e4e4e6;
}
.pass input::placeholder{
	color:#e4e4e6;
	opacity:1;
}
input:focus{
	outline:none;
}
.submit{
	border:0.1vw solid #e4e4e6;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:1.5vw;
}
.submit input{
	width:100%;
	font-size:1.3vw;
	background:none;
	border:none;
	color:#e4e4e6;
	text-transform:uppercase;
	text-align:center;
}
.error-cover{
	position:fixed;
	height:100vh;
	background:lch(0 0 0 / 0.65);
	width:100%;
	top:0;
	left:0;
}
.error{
	position:fixed;
	z-index:1;
	width:50vw;
	margin-left:25vw;
	margin-top:30vh;
	background:black;
	border:0.1vw solid white;
}
.error p{
	font-size:1.5vw;
	text-transform:uppercase;
	padding:2.5vw;
	color:#e4e4e6;
	margin:0;
}
.error p:first-child{
	padding-bottom:5vh;
}
.error p:last-child{
	cursor:pointer;
	margin:0;
	border-radius:0%;
	text-align:center;
	border-top:0.1vw solid white;
}
}
@media (min-width: 650px) and (max-width: 1200px) and (min-height: 500px) and (max-height: 1000px) {
		.loginlb{
    display:flex;
	z-index:1;
	left:5%;
    top:0%;
	background:transparent;
	padding:2vw;
	padding-top:5vw;
	padding-left:5vw;
}
.loginlb p{
	text-transform:uppercase;
	font-size:1.7vw;
	margin:0;
	color:#e4e4e6;
}
.mform{
	padding:1.5vw;
	padding-left:4.95vw;
	padding-top:10vh;
	width:50vw;
}
.username{
	display:flex;
	flex-direction:column;
	background:transparent;
	overflow-x:clip;
}
.username input{
	background:0;
	border:none;
	border-radius:0%;
	font-size:1.7vw;
	color:#e4e4e6;
	height:100%;
	width:100%;
	padding-bottom:0.7vw;
	border-bottom:0.1vw solid #e4e4e6;
}
.username input::placeholder{
	color:#e4e4e6;
	opacity:1;
}
.pass{
	display:flex;
	flex-direction:column;
	background:transparent;
	overflow-x:clip;
}
.pass input{
	background:0;
	border:none;
	border-radius:0%;
	font-size:1.7vw;
	color:#e4e4e6;
	height:100%;
	width:100%;
	padding-bottom:0.7vw;
	border-bottom:0.1vw solid #e4e4e6;
}
.pass input::placeholder{
	color:#e4e4e6;
	opacity:1;
}
input:focus{
	outline:none;
}
.submit{
	border:0.1vw solid #e4e4e6;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:1.5vw;
}
.submit input{
	width:100%;
	font-size:1.5vw;
	background:none;
	border:none;
	color:#e4e4e6;
	text-transform:uppercase;
	text-align:center;
}
.error-cover{
	position:fixed;
	height:100vh;
	background:lch(0 0 0 / 0.65);
	width:100%;
	top:0;
	left:0;
}
.error{
	position:fixed;
	z-index:1;
	width:50vw;
	margin-left:25vw;
	margin-top:30vh;
	background:black;
	border:0.1vw solid white;
}
.error p{
	font-size:1.5vw;
	text-transform:uppercase;
	padding:2.5vw;
	color:#e4e4e6;
	margin:0;
}
.error p:first-child{
	padding-bottom:5vh;
}
.error p:last-child{
	cursor:pointer;
	margin:0;
	border-radius:0%;
	text-align:center;
	border-top:0.1vw solid white;
}
}