.login-section {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-family: 'Montserrat', sans-serif;
	height: 100%;
}

.aunth-container {
	box-shadow: 0 14px 28px rgb(173 73 90 / 16%);
	overflow: hidden;
	width: 50%;
	max-width: 100%;
	min-height: 30vh;
}

.aunth-heading {
	font-weight: var(--font-bold);
	font-size: var(--size-2);
	color: var(--primary-pink-color);
	word-spacing: 9px;
}

.social-container {
	position: relative;
	width: 100%;
	height: auto;
}

.social-container a {
	position: relative;
	width: 40%;
	text-decoration: none;
	color: var(--white-color);
	border-radius: 2px;
	font-size: var(--size-0);
	text-transform: uppercase;
	text-align: center;
}

.social-container a:first-child {
	background-color: var(--complementary-dark-blue-color);
}

.social-container a:last-child {
	background-color: var(--orange-color);
}

.form {
	background-color: var(--white-color);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	text-align: center;
	max-width: 100%;
}

.aunth-input {
	background-color: var(--white-color);
	border: 1px solid var(--black-color);
	width: 60%;
}

.label {
	font-size: var(--size-0);
}

.login-btn {
	background-color: var(--primary-pink-color);
	width: 60%;
	font-size: var(--size-0);
	color:white;

}
.external-link:hover {
	color: var(--primary-pink-color);
	
}