main {
	max-width: 65ch;
}
/* ===== FONTS ===== */ 
@font-face {
	font-family: DeiGrat;
	src: url("fonts/DeiGrat.ttf");
}
@font-face {
	font-family: MiddleAgesDeco;
	src:url("fonts/MiddleAgesDeco_PERSONAL_USE.ttf");
}
@font-face {
	font-family: MiddleAges;
	src:url("fonts/MiddleAges_PERSONAL_USE.ttf");
}
@font-face {
	font-family:LongaIberica;
	src:url("fonts/LongaIberica-DEMO.ttf");
}
@font-face {
	font-family:snotmaster;
	src:url("fonts/snotmaster.ttf");
}
@font-face {
	font-family:Catharsis;
	src:url("fonts/CARB____.TTF");
}

h1 {
  text-align: center;
  margin-top: 50px;
	font-family: DeiGrat, Georgia, serif;
}
.title {
	font-family: MiddleAges, Georgia, serif;
}
h2 {
	text-align: center;
	margin-top: 15px;
	margin-bottom: auto;
	font-family: Catharsis;
	font-size: 100;
}
a {
}

a:link {
	color: antiquewhite;
}

a:visited {
	color:antiquewhite;
}

a:focus {
}

a:hover {
}

a:active {
}
body {
  background-color: black;
  color: FireBrick;
  font-family: Georgia, serif;
  text-shadow: 1px 1px 0 black;
  text-align: center;
	margin-left: 50px;
	margin-right: 50px;
}
.home-grid {
display: grid;
	grid-template-columns: 1fr 6fr;
	gap: 1em
}
.grid-container {
display: grid;
	grid-template-columns: 1fr 3fr 3fr;
	gap: 1em;

	
}
.item {
/*	padding: 1em;*/
	background-color: rgba(49,0,0,0.73);
	border: groove antiquewhite;
}
footer {
	position: static;
	left: 0;
	bottom: 0;
	width: 100%;
}