.signup-content {
	width: 40%;
	padding: 3.2rem 5rem;
}

.signup-picture-container {
	width: 60%;
	height: 100vh;
	position: relative;
}

.signup-picture {
	width: 100%;
	max-width: 60%;
	height: 100vh;
	position: fixed;
	overflow: hidden;
	right: 0;
}

.signup-picture img {
	height: 100%;
}

.login-link {
	color: #085aba;
}

.login-link:hover {
	color: #4285f4;
}

.icon {
	width: 20px;
	height: 20px;
	clip-rule: evenodd;
	fill-rule: evenodd;
	stroke-linejoin: round;
	stroke-miterlimit: 2;
	position: absolute;
	right: 10px;
	top: 10px;
	fill: #ccc;
}

#hide-pass-icon,
.clear-input-icon {
	display: none;
}

.error-soft {
	align-items: center;
	justify-content: space-between;
	margin: 1rem 0rem;
	padding: 1.5rem;
	border-radius: 8px;
	color: #303030;
	min-height: 60px;
	min-width: 90px;
	font-weight: 500;
	animation: shrinkAlert 0.3s forwards;
	transition: background-color 0.3s;
	cursor: pointer;
	z-index: 100;
	background-color: #f8d7da;
}

@media screen and (max-width: 900px) {
	.signup-picture-container {
		display: none;
	}

	.signup-content {
		width: 100%;
	}

	.w-half {
		width: 100%;
	}
}