body {padding:0;overflow-y:auto;}
#codecenter {position:absolute;top:17.5%;max-height:unset;transform:translate(-50%,0);}

main > img {position:fixed;left:50%;top:17.5%;width:350px;filter:drop-shadow(1px 1px 1px rgba(11,6,1,0.7));transform:translate(-50%,-50%);animation:codecenter-img 180s ease infinite;user-select:none;}
	@keyframes codecenter-img { 100% {transform:translate(-50%,-50%) rotate(-360deg);} }

input[type=date]:required:invalid {color:transparent;}
figcaption button {margin:0 !important;}
figcaption button:nth-of-type(1) {display:inline-block;width:calc(100% - 49px - 14px) !important;}
figcaption button:nth-of-type(2) {display:inline-block;width:49px !important;}
figcaption button:only-child {width:calc(100% - 14px) !important;}

/* CITE */
main > cite {position:fixed;bottom:7px;right:7px;font-size:11px;font-style:normal;text-align:right;}



/* SIGN */
.clasign {margin:0 !important;}
.clasign strong {line-height:100%;white-space:nowrap;font-size:8.4vmin;font-weight:600;letter-spacing:-0.14vmin;margin-bottom:7px;}
.clasign small {position:absolute;top:14px;right:14px;font-size:13.3px;}
.clasign p {margin-bottom:7px;}
.clasign section {display:block;width:100%;white-space:nowrap;transform-origin:left;}
.clasign section:hover {animation-play-state:paused;}
.clasign section s {display:inline-block;box-sizing:border-box;position:relative;width:100%;text-decoration:none;padding:10.5px 17.5px;background-image:linear-gradient(90deg,transparent,#0b0601,#0b0601,transparent);white-space:nowrap;}
.clasign section s b {display:block;line-height:100%;font-size:5.6vmin;font-weight:600;}
@keyframes slide9 { 
	0%,10% {transform:translateX(0%);}
	11%,21% {transform:translateX(-100%);}
	22%,32% {transform:translateX(-200%);}
	33%,43% {transform:translateX(-300%);}
	44%,54% {transform:translateX(-400%);}
	55%,65% {transform:translateX(-500%);}
	66%,76% {transform:translateX(-600%);}
	77%,87% {transform:translateX(-700%);}
	88%,98% {transform:translateX(-800%);}
}
@keyframes slide8 { 
	0%,12% {transform:translateX(0%);}
	12.5%,24.5% {transform:translateX(-100%);}
	25%,37% {transform:translateX(-200%);}
	37.5%,49.5% {transform:translateX(-300%);}
	50%,62% {transform:translateX(-400%);}
	62.5%,74.5% {transform:translateX(-500%);}
	75%,87% {transform:translateX(-600%);}
	87.5%,100% {transform:translateX(-700%);}
}
@keyframes slide5 { 
	0%,19% {transform:translateX(0%);}
	20%,39% {transform:translateX(-100%);}
	40%,59% {transform:translateX(-200%);}
	60%,79% {transform:translateX(-300%);}
	80%,100% {transform:translateX(-400%);}
}
.clasign section {
	/*animation:slide9 36s ease-in infinite forwards;*/
	/*animation:slide8 32s ease-in infinite forwards;*/
	/*animation:slide5 20s ease-in infinite forwards;*/
}



/* PIN */
.clapin {position:absolute;left:5.25px;bottom:10.5px;}
.clapin a {display:inline-block;position:relative;float:left;z-index:89;box-sizing:border-box;width:70px;height:70px;overflow:hidden;line-height:calc(70px - 14px);color:inherit;font-size:42px;text-align:center;text-shadow:0 1px 0 rgba(255,255,237,0.35);margin:0 5.25px;border:0;border-radius:50%;padding:7px;background-color:rgba(254,207,127,0.49);box-shadow:inset 1.4px 1.4px 7px 0 rgba(255,255,255,0.7), 1.4px 1.4px 7px 0 rgba(0,0,0,0.7);user-select:none;}
.clapin a:after {content:'';position:absolute;top:0;left:0;width:inherit;height:inherit;border-radius:inherit;padding:inherit;background:linear-gradient(145deg, rgba(255,255,237,0.21), rgba(11,6,1,0.21));}
.clapin a:hover {z-index:91;transform:scale(1.05);}