html, body
{
	margin: 0;
	padding: 0;
}

html, body, input, button
{
	font-family: system-ui, sans-serif;
}

body
{
	background: @background;
	color: @foreground;
	font-size: 1.1em;
}

a
{
	color: @primary;
}


a.button, button
{
	transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	display: inline-block;

	margin: auto;
	padding: 0.66em;
	border-radius: 0.2em;

	box-shadow: 0 0 0 0 @primary-background;
	border: solid @primary thin;
	color: @primary;

	cursor: pointer;
	text-decoration: none;

	&:hover
	{
		box-shadow: 0 0 0 3px @primary-background;
	}
}

.buttons
{
	margin: 1em auto;
	text-align: center;

	button, .button
	{
		width: 15em;
	}
}