body {
    margin: 0;
    padding: 0;
    min-height: 100vh
  }
  
  body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('NOSTORE.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: black; /* fallback */
    z-index: -1;
    pointer-events: none; /* allows clicks to pass through */
  }
h1{
    font-family: 'Times New Roman', Times, serif;
    margin: 50px 0 30px;
      text-align: center;
      font-size: clamp(4rem, 4vw, 8rem);
      color: aliceblue;
      text-shadow: 2px 2px 4px black;
      font-weight: 50;
}

p{
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-size: clamp(1rem, 2vw, 2rem);
    color: aliceblue;
    text-shadow: 1px 1px 2px black;
    font-weight: 100;
}

.Under{
    position: absolute;
    left: 0rem;
  

}
.image-row {
  display: flex;
  justify-content: center; /* center the images */
  align-items: center;
  gap: 1rem; /* space between the images */
  padding: 1rem;
}

.image-row img {
  max-width: 60%;
  height: auto;
  margin-left: 18%;
}







@media (max-width: 600px) {
  .HOF{
    max-width: 50%;
    max-height: 50%;
    margin-left: auto;
  }
}