a {font-style: italic;}


  .dm-mono-light {
    font-family: "DM Mono", monospace;
    font-weight: 300;
    font-style: normal;
  }
  
  .dm-mono-regular {
    font-family: "DM Mono", monospace;
    font-weight: 400;
    font-style: normal;
  }
  
  .dm-mono-medium {
    font-family: "DM Mono", monospace;
    font-weight: 500;
    font-style: normal;
  }
  
  .dm-mono-light-italic {
    font-family: "DM Mono", monospace;
    font-weight: 300;
    font-style: italic;
  }
  
  .dm-mono-regular-italic {
    font-family: "DM Mono", monospace;
    font-weight: 400;
    font-style: italic;
  }
  
  .dm-mono-medium-italic {
    font-family: "DM Mono", monospace;
    font-weight: 500;
    font-style: italic;
  }
  
body { font-family: "DM Mono";
}

body {
  background-image: url(memphis-mini-dark.png);
}

         
         
#site-heading {
  text-align: center;
  font-size: 2rem;
  color:white;
  margin: 40px 0 20px 0;  /* space above and below */
  font-family: "DM Mono", monospace;
}        


#navbar {
  background-color: #333;
  padding: 10px 0;
  margin-bottom: 30px; /* space below nav bar */

}

#navbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;              /* lay items side by side */
  justify-content: center;    /* center across page */
  gap: 30px;                  /* spacing between links */
}

#navbar li {
  display: inline;
}

#navbar a {
  color: white;
  text-decoration: none;
  font-weight: 500;
  font-family: "DM Mono", monospace;
}

#navbar a:hover {
  text-decoration: underline;
}


#container {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  gap: 20px;   /* space between columns */
}

#left-col,
#right-col {
  width: 20%;       /* side columns */
  background-color: #ddd;
  padding: 10px;
}

#main {
  background-color: lightgrey;
  border: 1px solid darkgrey;
  color: #333;
  padding: 20px;
  width: 60%;       /* middle column */
}