@charset "UTF-8";
.container
{
	justify-content: center;
	display: grid;
	grid-gap: 20px;
	grid-template-columns:repeat(auto-fill, 600px);
}
.row 
{
	display: flex;
	flex-wrap: wrap;
	padding: 0 4px;
	justify-content: center;
}

.column
{
	flex: 100%;
	padding: 0px 4px;
	justify-content: center;
}

.column img
{
	margin-top: 8px;
	vertical-align: middle;
	justify-content: center;
}

#body
{
	background-color:#a4bcc4;
	width:100%;
	height:100%;
}

.Matt
{
	
	text-align: center;
	font-size: 40px;
 	color: white;
 	font-family: Arial, Helvetica, sans-serif;

	
}
//*h1 {
  animation: color-change 1s infinite;
}

@keyframes color-change {
  0% { color: white; }
	25% {color: yellow;}
	25% { color: blue; }
  100% { color: red; }
}

*//

.navbar {
    
    padding: 0px;
  	font-family: arial;
	font-size: 20px;
    text-decoration-color:white;
    text-align: center;
	
	
}
a:hover
{
	color:white;
}
#navbar
{
	color:white;
}

footer
{
	color:white;
	text-align: center;
	
}
#p1
{
	color:white;
	font-family: arial;
	text-align: center;
	font-size: 15px;
}