.parent {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(6, 1fr);
	grid-column-gap: 1px;
	grid-row-gap: 1px;
	padding: 10px;
	grid-gap: 0.7rem;
}
html, body {
    height: 100%;
}

html {
    display: table;
    margin: auto;
}

@font-face {
            font-family: 'Mercy_Christole';
            src: url('fonts/Mercy_Christole.ttf') format('truetype');
        }
@font-face {
            font-family: 'Hipnotik';
            src: url('fonts/HipnOtik.TTF') format('truetype');
        }
@font-face {
            font-family: 'Kingjola';
            src: url('fonts/kingjola.ttf') format('truetype');
        }
@font-face {
            font-family: 'BlackChancery';
            src: url('fonts/AngerStyles.ttf') format('truetype');
        }

h1 {
  font-family: 'Kingjola';
  text-align: center;
  font-size: 60px;
}

body {
	display:table-cell;
	vertical-align: middle;
	horizontal-align: middle;
	width: 1000px;
	height:700px;
	background: #A894A8;
	color: white;
}


 .nav { 
    grid-area: 1 / 1 / 2 / 6; 
	text-align: center;
	position: relative;
	font-weight: 680;
	letter-spacing: 1px;
 }
 
 .nav a {
	 display: inline-block;
	 color: white;
	 margin: 0 6px;
 }
 
 .nav span {
	 display: block;
	 font-family: Comic, sans-serif;
	 font-size: 10px;
 }
 .sideimage { grid-area: 2 / 1 / 7 / 2;
	 background: url('download.png');
	 background-repeat: no-repeat;
 }
 .updates { grid-area: 2 / 5 / 7 / 6; 
 }
 .about { grid-area: 2 / 2 / 6 / 5;
 font-family: 'BlackChancery', sans-serif;
	font-size: 20px;
 }
 .footimg { grid-area: 6 / 2 / 7 / 5; 
 }