@font-face{
    font-family: "Papyrus";
    src: url("./Papyrus.eot");
    src: url("./Papyrus.eot?#iefix")format("embedded-opentype"),
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

body {
	background-color: #FFF;
	font-family: 'Papyrus';
}
body .inscription {
	border: 1px thin #333;
	background-color: #101010;
}

a {
	color: initial;
	text-decoration: none;
}

ref {
	display: none;
}

.unseen {
	opacity: 0;
}
	
#benben {
	background-color: #FFF;
	overflow: hidden;
}

.background.slideshow {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.background.slideshow .dynamic.ibeji {
	float: left;
	max-width: 50%;
	height: 100%;
	overflow: hidden;
	z-index: 2;
}
.background.slideshow .dynamic.ibeji img {
	position: absolute;
	top: 0px;
	left: 0px;
	max-height: 100%;
	opacity: 0;
}
.background.slideshow .static.ibeji {
	float: right;
	max-width: 50%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}
.background.slideshow .static.ibeji img {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	opacity: 0;
}

#marquee {
	position: fixed;
	rigth: 0;
	left: 0;
	top: 16px;
	width: 100%;
	color: #FFF;
	font-size: 40px;
	text-align: center;
	filter: drop-shadow(1px 1px 2px #222);
	user-select: none;
	z-index: 99;
}

#OwO {
	position: fixed;
	left: calc(50% - 240px);
	top: 80px;
	width: 640px;
	height: 900px;
	z-index: 3;
}
#OwO .seed {
	width: 160px;
	height: 160px;
	cursor: pointer;
}
#OwO .seed .background {
	position: absolute;
	opacity: 0.48;
}
#OwO .seed { z-index: 1; }
#OwO .C.seed {
	z-index: 2;
}
#OwO .NE.seed .background {
	top: 2px;
	left: -4px;
}
#OwO .NW.seed .background {
	top: 1px;
	left: 4px;
}
#OwO .SW.seed .background {
	top: -2px;
	left: 2px;
}
#OwO .S.seed .background {
	left: -2px;
}
#Owo .SE.seed .background {
	left: -4px;
}
#OwO .seed .title {
	display: flex;
	position: absolute;
	width: calc(100% - 16px);
	height: calc(100% - 16px);
	margin: 8px;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 800;
	line-height: 32px;
	text-align: center;
	user-select: none;
	justify-content: center;
	align-items: center;
	filter: drop-shadow(1px 1px 1px #000000);
}
#OwO .seed .title i {
	font-size: 16px;
}
#OwO .seed .title img { display: none; }

#Owo .C.seed .title {
	color: #880000;
}
#OwO .seed a {
	color: #FFF;
}

#disclosures {
	position: fixed;
	bottom: 2px;
	right: 2px;
	font-size: 8px;
	font-style: italic;
	user-select: none;
}

@media only screen and (max-device-width: 450px) {
	.background.slideshow {
	}
	.background.slideshow .static.ibeji, .background.slideshow .dynamic.ibeji {
		float: none;
		position: absolute;
		top: 0;
		width: 100%;
		max-width: initial;
	}
	.background.slideshow .static.ibeji img, .background.slideshow .dynamic.ibeji img {
		top: 0;
		bottom: initial;
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

	#OwO {
		top: 240px;
		bottom: initial;
	}
	#OwO .seed .title {
		font-size: 40px;
		color: #000;
	}
	#OwO .seed .title i {
		font-size: 32px;
		color: #000;
	}
}