body {background-color: black;}

/* unvisited link */
a:link {
  color: #D2C8C8;
font-weight: bold;
}

/* visited link */
a:visited {
  color: #CCC8C8	;
font-weight: bold;
}

/* mouse over link */
a:hover {
  color: hotpink;
font-weight: bold;
}

/* selected link */
a:active {
  color: blue;
font-weight: bold;
}

p {color: #CCCCCC; }
ul {color: #CCCCCC; }
h1 {
  color: #CC0000;
}


/* 2 columns that change to vertical on small screens */
.container{
 display: grid;
 grid-gap:20px;
 grid-template-columns: repeat(auto-fit, minmax(500px , 1fr)); 

}

.emptyspacefooter{
height: 300px;
}