@font-face {
	font-family: 'basic';
	src: url(/res/font/ZenKurenaido-Regular.ttf);
}



* {
	margin: 0;
	border: 0;
	padding: 0;
	transition: all 0.3s;
}



html {
	font-size: 2vmax;
	font-family: 'basic';
}
body {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	text-align: center;
	min-height: 100vh;
	width: 100vw;
}



header, footer {
	overflow-x: scroll;
	overflow-y: hidden;
	text-align: end;
	min-height: 5vh;
	background: #a2a;
	color: #eee;
}
header a, footer a								{ display: inline; padding: 1rem; font-size: 1.5rem; white-space: nowrap }
header a:any-link, footer a:any-link 			{ text-decoration: none; color: #eee }
header a:hover, footer a:hover 					{ background: #fff8; color: #333 }




main {
	display: flex;
	flex-flow: wrap row;
	justify-content: center;
	overflow: hidden;
}




.block {
	margin: 0.5rem;
	border: solid #888 0.4vmax;
	border-radius: 1.5vmax;
	background: #eee;
	color: #555;
}
.block p										{ padding: 0 2vw 0 2vw; white-space: nowrap; overflow-x: clip; text-overflow: ellipsis }


#editor											{ width: 40vmax; min-height: 5vh }


#list 											{ width: 40vmax; min-height: 5vh; max-height: 60vh }
#list p:nth-child(odd) 							{ background: #e8e8e8 }
#list p:first-child								{ border-radius: 1vmax 1vmax 0 0 }
#list p:last-child								{ border-radius: 0 0 1vmax 1vmax }