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

pre {
	margin-bottom: 0;
}

.background {
	background-image: url('/assets/images/bg.jpg');
	height: 100%;
	filter: blur(2px);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	position: absolute;
	z-index: -1;
}

.bg-shadow {
	box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

.discord {
	background-color: #5865f2;
	border-color: #5865f2;
	margin-right: 10px;
}

.discord:hover {
	background-color: #4752c4;
	border-color: #4752c4;
}

.discord-outline {
	color: #5865f2;
	border-color: #5865f2;
	margin-right: 10px;
}

.discord-outline:hover {
	color: #fff;
	background-color: #5865f2;
	border-color: #5865f2;
}

.highlight {
	color: var(--bs-emphasis-color);
	background-color: var(--bs-secondary-bg);
	border-radius: 5px;
	padding: 5px;
}

.gs {
	filter: grayscale();
}

.mix h2 {
	margin-top: 5px;
}

.mixes {
	text-align: center;
}

.mixes img {
	margin: 3px;
}

.mixes a {
	text-decoration: none;
}