:root {
  font-size: 100%;
  font-family: 'newrail';
}

body {
  background-color: black;

}

.grid 
{
  margin-top: 20px;
  margin-left: 20px;
  display: grid;
  grid-template-columns: repeat( auto-fit, minmax(350px, 1fr) );
  grid-gap: 10px;
}


.grid div
{
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 40px;
  text-decoration: none;
  font-family: newrail;
  letter-spacing: 1px;
  font-size: 18px;
  color: rgb(255, 255, 255);
  text-align: left;
  transition: all 0.3s ease-out; 

}

#a:hover {
  letter-spacing: 10px; 
}
  
/* .grid div:nth-child(odd)
{
  background-color: rgb(0, 0, 0);
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 70px;
  font-family: newrail;
  letter-spacing: 1px;
  font-size: 18px;
  color: rgb(255, 255, 255);
  text-align:left;
} */

.grid a {
  text-decoration: none;
  color:rgb(255, 255, 255)
}