@import url("colors.css");

body {
	background: url('../../resources/styles/vendors/images/landing_bg.jpg')
		no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.ev-login-container--main {
	background-color: var(--white);
	margin: 5% auto 0;
	border-radius: 16px;
	opacity: 0.85;
	/* transform: translate(-50%, -50%); */
}

.ev-login-container--left {
	background-color: var(--shade-blue);
	border-radius: 16px 0 0 16px;
	display: grid;
	height: 100%;
}

.ev-login-vector--top {
	/* position: absolute; */
	top: 0;
	left: 0;
	width: 70%;
	border-radius: 16px 0 0 0;
}

.ev-login-vectorContainer--bottom {
	display: flex;
	justify-content: end;
}

.ev-login-vector--bottom {
	position: relative;
	width: 80%;
}

.ev-container--signUp {
	padding: 1rem 2rem;
}

.ev-button--signup {
	background-color: var(--dim-blue) !important;
	color: var(--bright-blue) !important;
	border: none !important;
	width: 100% !important;
}

.ev-button--signup:hover {
	background-color: var(--light-blue) !important;
	color: var(--white) !important;
}