/* cool font */
@font-face {
	font-family: connection-iii;
	src: url('../font/connection-iii-font/ConnectionIii-Rj3W.otf');
	word-spacing: 6px;
}


/* color vars */
:root {
	--MikuGreySolid: #373b3e;
	--MikuWhiteSolid: #bec8d1;
	--MikuLBlueSolid: #86cecb;
	--MikuDBlueSolid: #137a7f;
	--MikuMagentaSolid: #e12885;
	--MikuGreyTrans: rgba(55, 59, 62, 0.9);
	--MikuWhiteTrans: rgba(190, 200, 209, 0.9);
	--MikuLBlueTrans: rgba(134, 206, 203, 0.9);
	--MikuDBlueTrans: rgba(19, 122, 127, 0.9);
	--MikuMagentaTrans: rgba(225, 40, 88, 0.9);
}

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

body {
	background-color: var(--darkreader-bg--MikuDBlueSolid);
	overflow-x: hidden;
	overflow-y: hidden;
}

/* new year countdown */
div#countdown_clock_div {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 26vh;
	font-family: "Comic Sans MS", "Comic Sans";
	color: var(--MikuDBlueSolid);
}