:root {
	--color-background: #1c1b28;
	--color-accent: #00FFFF;
	--color-text: #FFF;

	--content-width: 800px;

	--font-size-base: 18px;
	--line-height-base: 26px;
	--font-family: monospace;

	--space-base: 1rem;
}

.banner {
	margin-top: 1rem;
	width: 100%;
	height: 40px;
	display: flex;
	flex-direction: row;
	margin-bottom: 1rem;
	align-items: center;
	flex: 1;
	font-family: monospace;
}

.banner {
	.title {
		display: flex;
		flex-direction: row;
		flex: 1;

		.name {
			color: #1c1b28;
			background-color: #00FFFF;
			white-space: nowrap;
			padding: 5px;

			a {
				color: unset;
				text-decoration: none;
			}
		}
	}

	.title::after {
		background: repeating-linear-gradient(90deg, #00FFFF, #00FFFF 2px, transparent 0, transparent 10px);
		content: "";
		display: block;
		width: 100%;
		margin-left: 10px;
	}
}