@font-face {
    font-family: 'monogram';
    src: url('monogram.woff2') format('woff2'),
        url('monogram.woff') format('woff'),
        url('monogram.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

body
{
	background:#34e7e4;
	color: white;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	font-size:24px;
    font-family:monogram;
   margin:0;
   padding:0;
   height:100%;
}

#body
{   
	padding:10px;
   padding-bottom:28px;   /* Height of the footer */
}
.grid-container {
  display: grid;
  grid-template-columns: auto auto;
  padding: 10px;
}
.grid-item {
  padding: 20px;
  font-size: 30px;
  text-align: center;
}

.img-circle {
	border-radius: 50%;
	width:256px;
}

footer
{	
   position:absolute;
   bottom:0;
   width:100%;
   text-align:center;
   background:#000;
}
h1
{
		font-size: 60px;
}