html, body { padding: 0; margin: 0; background: #000; overflow-y: hidden; }
a { color: #fff; text-decoration: none; }
#NANI { position: relative; display: flex; justify-content: center; }
#KANSEI {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#DRIFTO {
	background-color: rgba(11,20,26,.45);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	overflow: hidden;
	color: #e9edef;
}
#DRIFTO:hover { background-color: rgba(11,20,26,.75); transition: 0.5s; }
#play {
	display: inline-block;
	margin-left: 5px;
	vertical-align: top;
}
img, video {
	max-height: 100vh;
	max-width: 100vw;
	aspect-ratio: 16/9;
}
video::-webkit-media-controls-panel { background: transparent; }
#contact { position: absolute; top: 0; right: 0; padding: 5px; z-index: 999; opacity: .25; }
#contact svg { width: 16px; }
#contact:hover { opacity: 1; transition: 0.5s; }