@use "sass:color";

@use "../hippie-style/hippie";

form[name="login"] {
	display: flex;
	align-items: center;
	justify-content: center;

	& > div {
		padding: hippie.$space_double;
		background-color: color.adjust(hippie.basic_color(echo), $alpha: -0.4);

		p {
			margin-top: 0;
			color: hippie.$color_brightest;
		}

		& > input {
			display: block;
			width: 100%;
			margin-inline: 0;
		}

		input:first-of-type {
			margin-bottom: hippie.$space_basic;
		}
	}
}