html {
    background-color: black;
}

body {
	margin: 3rem -3rem 3rem 3rem;
	color: #777;
/*	background-color: black;*/
	font-family: 'Audiowide', cursive, monospace;
	font-size: 2.2em;
	overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  border-radius: 50px;
}

.grid-container {
	display: grid;
	align-content: start;
	grid-template-areas: 'title title title title';
	grid-auto-columns: calc(25% - 6rem);
	gap: 6rem;
}

.title {
	text-align: center;
	text-decoration: underline;
	color: #ff7f27;
	grid-area: title;
	font-size: 1.5em;
	height: 5em;
	margin: -1.5em;
	text-shadow: 5px 5px 5px #232323;
	/* grid-column: 1/7;*/
}


.txt a:visited,
.txt a:link {
	color: #777;
}
.txt a:hover {
	text-shadow: 2px 2px 10px #777;
	color: #ff7f27;
}

.txt {
	text-align: justify;
	text-shadow: 2px 2px #333333;
}

.mc.img,
.ark.txt,
.dc.img {
	grid-column: 1/3;
}

.mc.txt,
.ark.img,
.dc.txt {
	grid-column: 3/5;
}

.blog.txt {
	grid-column: 1/5;
}

/*
#ff7f27
#52aa2f 
#a1a1a1
*/