@charset "utf-8";

.login-page {
  	background-image: url('image/login-bg.jpg');
  	background-size: cover;
  	background-position: center;
  	background-repeat: no-repeat;
  	min-height: 90vh;
  	margin: 120px auto;
	margin-bottom: 30px;
  	text-align: center;
  	font-family: 'Arial', sans-serif;
  	padding: 190px 20px 80px;
  	border-radius: 10px;
  	color: #fff;
 	max-width: 800px;
}

.login-heading {
	font-family: 'Arial',sans-serif;
	font-size:95px;
}

.login-text{
	color:Black;
	margin-top:50px;
	margin-bottom:15px;
	font-size:16px;
}

.login-form {
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: 12px;
}

.login-form button {
  	background-color: #873C40;    
  	color: white;
  	border: none;
  	padding: 12px;
  	border-radius: 25px;
  	font-size: 15px;
  	cursor: pointer;
  	transition: background-color 0.3s ease;
  	width: 130px;                
  	margin-top: 10px;
	margin-bottom:8px;
}

.login-form input[type="text"],
.login-form input[type="password"] {
  	padding: 12px 16px;
  	width: 300px;
  	border: 1px solid #ccc;
  	border-radius: 25px;
  	font-size: 13px;
}

.signup-text {
  	margin-top: 10px;
  	font-size: 14px;
  	color: #FFF;
}

.signup-text a {
  	color: #FFFFFF;
}

a:hover .user-icon,
a.active .user-icon {
  	background-image: url('image/icon-user-hover.png');
}