body {
  background-color: hsla(0, 0%, 18%, 1);
  font-family: Arial, sans-serif;
}

h1,h2 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 1.2rem;
  color: #bfbfbf;
}
/* For the center div */
#inner {
  display: table;
  width: 50%;
  margin: 0 auto;
}

#outer {
  width:100%;
  display: flex;
  justify-content: center;
}

/* Changes the link color from default */
a:link, a:visited {
  color: #167822;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #90ee90;
  background-color: transparent;
  text-decoration: underline;
}

.center{
height: 100px;
border-radius: 50%;
border: 0px dotted rgb(57, 255, 20);
display: block;
margin-left: auto;
margin-right: auto;
}


.grid{
	display:grid;
	grid-template-columns: auto auto auto;
}
.grid-item{
	margin:10px;
	border-radius:5px;
	background-color:#fff;
	border:2px solid rgb(57, 255, 20);
	color:#000;
	padding:5px;
	line-height:30px;
}

.grid a{
	color:#000;
}