body {
  background: #141217;
  padding: 0px 20px;
}
pre {
  font-family:Work Sans;
}

a {
  color: cadetblue
}

.custom-grid {
  grid-template-columns: repeat(auto-fit, minmax(37vw, 1fr)) ;
}

@media(min-width: 640px){
  .custom-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) ;
  }
}

.noisy-gradient::after {
  content: "";
  top: 0;
  left: 0;
  z-index:0;
  position: absolute;
  height: 100%;
  width: 100%;
  filter: saturate(0) brightness(2);
  background: url(/grainy-gradient.png);
  background-size: contain;
}