html,body {
	height: 100%;
	margin:  0;
	padding: 0;
}
body {
	background-color: black;
	color: white;
	background-image: url("/static/af6d5228b42a6769cccaed3c96e07ec9-2.png");
	background-repeat: repeat;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}

a.external-link::before {
	content: url('bootstrap-icons/icons/link-45deg.svg');
}



.navbar-custom {
	margin-bottom: 15px;
}
.navbar-custom > a.navbar-brand {
	text-decoration: none;
}

.navbar-brand {
	display: block;
	margin-left:  auto;
	margin-right: auto;
	font-size: 10vw;
	font-weight: 1000;
	background-color: black;
	background-image: url("/static/wallpaper2you_248920.gif");
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 0.2vw #444;
	animation: downslide 60s linear forwards infinite;
}
@keyframes downslide {
	0%   { background-position: 50% 100%; }
	100% { background-position: 50% 0%;   }
}



.page-content {
	width: 80%;
	min-height: 70%;
	padding: 30px;
	margin-left:  auto;
	margin-right: auto;
	border-radius: 30px;
	background-color: black;
}

.page-content hr {
	margin-top:    30px;
	margin-bottom: 35px;
}

.page-content img {
	border-radius: 10px;
}



.wiki-table  td {
	padding: 0.8rem;
}



.footer {
	min-height: 50px;
}



pre.code {
	clear: after;
	overflow-x: auto;
	background-color: #2F3136;
	padding: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #202225;
	border-radius: 6px;
}

pre.code > span.code-key {
	color: #57F287;
}
pre.code > span.code-number {
	color: #B9C3C9;
}
pre.code > span.code-string {
	color: #9AA5B1;
}
pre.code > span.code-path {
	color: #9AA5B1;
}
pre.code > span.code-comment {
	color: #747F8D;
}