@import "theme.less";

#login {
	display: grid;
	justify-items: center;
	height: 100%;

	input {
		max-width: 300px;
		margin-bottom: 32px;
		width: 100%;
		border: 0px;
		border-bottom: 1px solid #444;

		font-size: 18pt;
		background-color: @background;
		
		&:focus {
			outline: none;
		}
	}

	button {
		max-width: 300px;
		border: 1px solid #666;
		background: @background;
		color: #444;
		padding: 16px 32px;
		font-size: 1em;
		align-self: center;

		&:hover {
			background: #ddd;
		}
	}

	.auth-failed {
		margin-top: 32px;
		color: #a00;
		background: #fff;
		padding: 16px;
		border-radius: 8px;
	}
}