html{
	width: 100%;
	height: 100%;
	overflow: hidden; /* No scroll */
}

:root{
	--font-normal: Segoe UI, Avenir, Lucida Grande, Consolas, Menlo, Monaco, Microsoft YaHei, sans-serif;
	--font-light: Segoe UI Semilight, Segoe UI Light, Segoe UI, Avenir Next, Avenir, Lucida Grande, Consolas, Menlo, Monaco, Microsoft YaHei UI Light, Microsoft YaHei, sans-serif;
}

body{
	position: relative;
	width: 100%;
	height: 100%;
	font-family: var(--font-normal);
	cursor: default;

	overflow: hidden;
	padding: 0px;
	margin: 0px;

	font-size: 1vw;
	transition: font-size 1s;

	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000;
	background-blend-mode: multiply; /* brightness adjustment */

	color: #fff;
}
#title-text::before{
	content: "{";
}
#title-text::after{
	content: "}";
}
#title-text::before, #title-text::after{
	color:#5b9bd5;
	position:relative;
	top:-0.09em;
	margin: 0em 0.1em;
}
#page-mask{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 1;
	z-index: 2;
}

a:link, a:visited, a:hover, a:active{
	color: #86c2e0;
	text-decoration: none;
}
hr{
	border: none;
	height: 2px;
	background: #ffffff44;
	width: 40%;
}
img{
	max-width: 100%;
	object-fit: contain;
}

.noscrollbar{
	-ms-overflow-style: none; /* Old FF */
	scrollbar-width: none; /* FF 64+ */
}
.noscrollbar::-webkit-scrollbar{
	display: none; /* Chrome, Edge, Safari, Opera */
	width: 0px !important;
}