:root {
	--back-color: #212121;
	--secondary-back-color: #3c3c3c;

	--universal-border-radius: 0;

	--a-link-color: #8ab4f8;
	--a-visited-color: #5786c0;

	--header-back-color: transparent;
	--footer-back-color: transparent;

	--table-head-back-color: #3c3c3c;
	--table-body-back-color: #2c2c2c;
	--table-border-color: #545454;
	--table-border-separator-color: #545454;
}

body {
	overflow: overlay;

	margin: 0 auto;
	height: 100vh;
	max-width: 1200px;

	display: flex;
	flex-direction: column;
}

header {
	overflow: visible;

	display: flex;
	align-items: center;
}

header a, header a:visited {
	color: inherit;
}

footer {
	padding: var(--universal-padding);
}

footer * {
	font-size: 0.875rem;
}

main {
	flex: 1;
}

form.seamless {
    background: inherit;
	color: inherit;
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
}

table {
	max-height: unset !important;
}

table th,
table td {
	border-radius: 0 !important;
	word-break: break-word;
}

table tr {
	padding: 0 !important;
	border-width: 1px;
}

*::-webkit-scrollbar,
*::-webkit-scrollbar-track {
	background-color: transparent;
	width: calc(0.75 * var(--universal-margin));
}

*::-webkit-scrollbar-thumb {
	background-color: var(--table-border-color);
	width: calc(0.75 * var(--universal-margin));
}

*::-webkit-scrollbar-thumb:hover {
	background-color: var(--fore-color);
}