/* Inter */
:root {
  font-family: Inter, sans-serif;
  font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
}
@supports (font-variation-settings: normal) {
  :root { font-family: InterVariable, sans-serif; }
}

body {
	width: 700px;
	margin: auto;

	background-color: #1e1e2e;
	color: #cdd6f4;
}

div.content {
	padding-top: 16px;
	padding-bottom: 32px;
	margin: auto;
}

a {
	color: #89b4fa;
}

a:visited {
	color: #cba6f7;
}

hr {
	border: 2px solid #313244;
}

select {
	background-color: #181825;
	border: 2px solid #11111b;
	border-radius: 4px;
	color: #cdd6f4;
	margin-right: 8px;
}

input[type="text"] {
	background-color: #181825;
	border: 2px solid #11111b;
	border-radius: 4px;
	color: #cdd6f4;
	margin-right: 8px;
}

input[type="submit"] {
	background-color: #181825;
	border: 2px solid #11111b;
	border-radius: 4px;
	color: #cdd6f4;
	padding: 2px;
}

input[type="submit"]:hover {
	background-color: #1e1e2e;
	border: 2px solid #11111b;
	color: #cdd6f4;
	padding: 4px;
}