* {
	padding: 0;
	margin: 0;
}

body {
	background: var(--bg);
	color: var(--color);
}

.mori {
	font-family: monospace;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	user-select: none;
}

.mori a {
	user-select: none;
	text-decoration: none;
	color: rgb(143, 7, 7);
	position: relative;
    transform: scale(2);
    display: inline-block;
	font-family: "chi";
}

a:hover::after {
	content: attr(data-title);
    display: block;
    position: absolute;
    /* top: 100%; */
    writing-mode: vertical-lr;
    text-orientation: upright;
	/* this translate is a rough center, may take tweaking */
    transform: scale(0.75);
    transform-origin: top;
	font-family: "main";
	padding-top: 0.33ch;
}

#status {
	display: inline;
	font-family: "main";
}