html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  font-family: 'Courier New', Courier, monospace;
  color:black;
}

.shell-background {
  position: fixed;  
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url("images/shell16.webp");
  background-size: cover;    /* fills screen */
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1
}

/* Portrait mobile */
@media (max-aspect-ratio: 3/4) {
  .shell-background {
    background-image: url("images/shell9.jpg");
  }
}

h2 {
  font-size: 1.8em;
}

section {
  display: inline-grid;
}

.gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
/*   width: 80%; */
  margin: 0 auto;
}

.imgCard {
    border-left: 10px solid #151417;
}

.imgCard img {
  width: 50%;
  border-top: 2px solid #151417;
  border-right: 2px solid #151417;
  border-bottom: 2px solid #151417;
}

.imgCardTxt {
  
  margin: 0 10px;
}

/* Mobile Sizing */

@media screen and (max-width: 700px) {
  .gallery {
    grid-template-columns: 1fr;
}}