@charset "UTF-8";
html { position: relative; }

@font-face {
    font-family: MS Sans Serif;
    src: url(../fonts/micross.ttf) format('truetype');
	src: url(../fonts/micross.woff) format('woff');
}

a { text-decoration: none; }

body { background-color: #e6e6ea; color: black; font-family: "Arial", Arial, Helvetica, sans-serif; padding: 1rem; margin: 0;}

.dark {	background-color: #000000; }

.wrapper { box-shadow: 0px 0px 5px 3px gray; margin-left: 0rem; background: #f8f8f8; width: 100%; max-width: 860px; margin:auto; }

h1, h2, h3, p { font-family: MS Sans Serif, sans-serif; text-align:center; }

.header { display: flex; font-size: 16px; margin-top:0; padding:1rem; justify-content:center; }

@media screen and (max-width: 767px) { .header { font-size: 12px; } }

.post { font-size: 14px; padding: 1rem; padding-top: 0; }

.post p { margin-top: 0; padding: 1rem; line-height: 1.4; }

.post p:last-child { margin-bottom: 0; }

.post .info { color:gray; font-size: 12px; text-align:center; padding-bottom:0; }

.post .real { flex-grow: 1; max-width: 50%; object-fit: contain; display:block; margin-left:auto; margin-right:auto; margin-bottom: 1rem; }

.hidden { display: none !important; }

#center { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; user-select: none; -moz-user-select: none; }

.squid {
	min-width: 320px;
	max-width: 100%;
	min-height: 320px;
	max-height: 100%;
	position: relative;
	color: black;
	cursor: pointer;
}

.squid img {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.ward { display: block; }

a:link {
	color: #0645ad;
	text-decoration: none;
}

a:visited {
	color: #0b0080;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}