.unsplash-bg {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 100vh;
}
.signin-page {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh;
}

.signin-card {
	min-width: 16rem;
	max-width: 20rem;
	padding: 1rem;
	border-radius: 0px !important;
}

.signin-page .MuiPaper-root {
	/* background-color: rgba(255, 255, 255, 0.9); */
	background-color: white;
}

.signin-logo {
	padding-bottom: 2rem;
}

.logo {
	padding: 3;
	height: 96;
	width: auto;
}

.login-button-text {
	margin: auto !important;
}

.button-icon-wrapper {
	border-radius: 0px;
	padding: 11.75px;
}

.google-button-icon-wrapper {
	border-radius: 0px;
	padding: 15px;
}

.login-button .MuiButton-startIcon {
	margin: 0 !important;
}

.google-button-icon-wrapper {
	background-color: white;
}

.button-icon {
	height: 24.5px;
	width: 24.5px;
	font-size: 24.5px;
	line-height: 24.5px;
}

.google-button-icon {
	width: 18px;
	height: 18px;
}

.email-login-form {
	width: 16rem !important;
}
:root {
	--primary: #4f3cc9;
	--secondary: #283593;
	--google-blue: rgb(66, 133, 244);
	--google-blue-light: rgba(66, 133, 244, 0.9);
	--light-grey: #e0e0e0;
}

code {
	font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

.appbar-logo > img {
	width: 100%;
	max-height: 100%;
	/* position: relative; */
	/* max-height: 100%; */
	/* display: block; */
}

#login-container {
	background-color: transparent;
}