@import url('main.css');

.cookie-alert {
	background: var(--accent-colour);
}

.cookie-alert div {
	display: flex;
	max-width: var(--content-width);
	margin: 0px auto;
	padding: 10px 5px;
	align-items: baseline;
}

.cookie-alert h2 {
	font-size: var(--size-r);
	padding-right: 15px;
	margin: 0px;
}

.cookie-alert p {
	font-size: var(--size-s);
	margin: 5px 0px;
	text-align: left;
}


.login-box {
	max-width: 575px;
	margin: 40px auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.login-box :is(h2, p) {
	text-align: center
}

form {
	display: inline-flex;
	flex-direction: column;
	padding: 20px;
}

form p {
	margin-bottom: 0px;
}

input[type=email], input[type=password] {
	margin-bottom: 10px;
	width: 280px;
	padding-right: 0px;
}

form .flex-row {
	align-items: baseline;
}

label.confirm-checkbox {
	font-size: var(--size-s);

}