@font-face {
	font-family: 'MCR';
	src: url('/fonts/mcr2.ttf');
}

body {
	background: grey;
}

.bar {
	display: block;
	margin: auto;
	width: 100%;
}

.hr {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.tit {
	text-align: center;
	padding: 10px;
	font-family: 'MCR';
	background: darkred;
	color: white;
	width: 50%;
	margin: auto;
	border-style: outset;
	border-color: darkred;
}

.slogan {
	font-family: Monospace;
	text-align: center;
	color: white;
}

.art img {
	display: block;
	margin: auto;
	width: 80%;
	padding: 5px;
}

.art {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.artcon {
	background: darkred;
	padding: 10px;
}