body {
  display: grid;
  place-items: center;
  height: 10vh;
  margin: 0;
  background-image: radial-gradient(black 0.8px, transparent 0);
  background-size: 18px 18px;
  font-family: monospace;
}

#content {
  max-width: 60%;
  min-width: 23rem;
  width: 100%;
  background: #fff;
  margin: 1rem auto 0 auto;
  /* box-shadow: 0 14px 24px rgba(0,0,0,0.10), 
    2px 2px #000, 
    -2px -2px #000, 
    -8px 8px #000; */
  padding: 2rem 2.5rem;
  border-radius: 10px;
  transition: box-shadow 0.2s, background 0.2s;
  border: 2px solid black;
}

@media only screen and (max-width: 968px) {
#content {
  max-width:100%;
  max-width:100%;
  background-color:white;
  margin-top:10px;
  /* box-shadow: 2px 2px #000000,-2px -2px #000000,-8px 8px #000000; */
  padding:2px;
}

}


#home-listing:nth-child(odd) {
  background-color: #f8f8f8;
}
th {
  background-color:#f0f3f8;
}
td {
  border: 1px solid black;
}

a {
  font-weight:600;
  color:#404444;
  text-decoration: none;
}

a:hover {
  color:#7f0000;
  text-decoration: underline red;

}
a[href="/"] {
  color:#ff0000;
  font-weight:800;
  text-decoration: none;
}

li {
  list-style-type: none;
}


img{
    max-width: 50%;
    height: auto;
}

p code {
  border: 1px solid #a1a1a1;
  background-color:#f1f1f1;
  padding: 1px;
  color:#df0004;
  border-radius:1px;

}

.home-listing-date {
  float:right;
}

hr {

}
.nav-link {
  color:#f4f4f4;
}

img {
    margin-left:20%;
}

h1,h2,h3,h4,h5,h6 {
  color:#000000;
  font-family: Georgia, serif;
  font-weight: bold;
  padding-bottom:5px;
  padding-left:1px;
}
.navbar {
  min-width:99.9%;

}
.footer-content {
  margin:10px;

  background-color:white;

}
.footer {
  width: 100%;
  margin-top:1px;
  background: white;
  padding:0px;
  text-align: center;
  font-size: 0.9rem;
  color: #444;
  box-shadow: 0 -2px 8px rgba(0,0,0,0.06);
  position: fixed;
  left: 0;
  bottom: 0;

}
.footer div {
  margin:0;
}
.footer div p{
  margin:0;
}
.highlight { }