body {
  background-color: #222222;
}

.header {
  text-align: center;
  padding: 32px;
  color: #999999;
  background-color: #222222;
}

.columns {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* Creates 5 equal-width columns */
  gap: 20px; /* adds space between columns */
  text-align: center;
  background-color: #222222;
}

@media (max-width: 480px) { /* Adjust grid for mobile devices */
    .columns  {
        grid-template-columns: repeat(3, 1fr); /* 3 column on mobile */
        gap: 10px; /* adds space between columns */
    }
}

a:link {
  color: #999999;
  text-decoration: none;
}

a:visited { /* visited link */
  color: #999999;
  text-decoration: none;
}

a:hover { /* mouse over link */
  color: white;
  text-decoration: none;
}

a:active { /* selected link */
  color: white;
  text-decoration: none;
}