/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body{
background-color: #1f1f1f;
  color: #a9a9a9;
  font-family: Verdana}
  .banner {
  text-align: center;
  font-family: Arial, sans-serif;
}

.banner h1 {
  font-size: 48px;
  margin-bottom: 5px;
}

.banner .subtitle {
  font-size: 16px;
  margin: 2px 0;
  color: ##a9a9a9; }
  .nav-menu {
  list-style: none;      /* removes the bullet points */
  display: flex;         /* lines items up horizontally instead of stacked */
  margin: 0;
  padding: 0;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}

.nav-menu li {
  border-right: 1px solid black;
}

.nav-menu li:last-child {
  border-right: none;    /* no border after the last tab */
}

.nav-menu a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;   /* removes the underline from links */
  color: #a9a9a9;
  text-align: center;
}
@font-face {
  font-family: "Engry";
 src: url("/engry.otf") format("opentype");
}

.banner h1 {
  font-family: "Engry", sans-serif;
  font-size: 48px;
  margin-bottom: 5px;
}
 /* this is how you end CSS. no need to type body again */