@import "../shared/elements.less";
@import "../shared/variables.less";

/* ----------- LOGIN ----------- */
.login {
	margin-top: 120px;
}

#login-form {
	width: 300px;
	margin: 0 auto;
	margin-top: 30px;
	input[type="text"],
	input[type="email"],
	input[type="password"] {
		font-size: 1.1em;
		border-bottom: 1px solid #9f9f9f;
		color: #9f9f9f;
		.rounded(0px);
		padding: 10px;
		display: block;
		margin-bottom: 20px;
		width: 100%;
		background: transparent;
		&:focus {
			color: @orange;
			outline: 0;
			border-bottom: 1px solid @orange;
		}
	}
	input[type="submit"] {
		margin-top: 40px;
	}
	.forgot-password {
		margin-top: 20px;
		a {
			border-bottom: 1px solid #00e5c7;
			padding-bottom: 6px;
			color: #00e5c7;
		}
	}
}