html, body {
	min-height: 100%;
	margin: 0;
	padding: 0;
}

section {
	background-color: var(--bs-light);
}

a {
	text-decoration: none;
	color: var(--bs-dark);
}

	a:hover {
	    color: var(--bs-primary);
	}

/* Context Menu */
context-menu {
	display: flex;
	flex-direction: column;
	position: fixed;

	border-radius: .5rem;
	background-color: var(--bs-dark);
	transform: scaleY(0);
	transform-origin: top;
	transition: transform 75ms ease-in-out;

	min-width: 10rem;
	z-index: 999;
}

	context-menu.visible {
		transform: scaleY(1);
	}

context-menu-item {
	border-radius: inherit;
	color: var(--bs-light);
	cursor: pointer;

	padding: .25rem 1rem;
}

	context-menu-item:hover {
		background-color: var(--bs-gray-dark);
	}


/* Responsive */
.rsp-long {
	display: none !important;
}

@media (min-width: 768px) {
	.rsp-short { display: none !important; }
	.rsp-long { display: inline-block !important; }
}

/* Scrollbar */
::-webkit-scrollbar {
	width: .5rem;
	height: .5rem;
}

::-webkit-scrollbar-thumb {
	background-color: #222;
}

::-webkit-scrollbar-track {
	background-color: #888;
}