/* styles.css */
body {
  margin: 0;
  padding: 0;
  background-color: #7FB285;
  font-family: "Century Gothic", sans-serif;
  color: #fff;
  text-shadow:
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000;
}

header h1 {
  text-align: center;
  margin: 1.5em 0;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

.gallery figure {
  text-align: center;
  margin: 0;
}

.gallery img {
  width: 800px;        /* standard large size */
  max-width: 100%;     /* scales down on smaller screens

.back-link a {
  color: #007BFF;           /* blue link text */
  /* keep all your existing padding, background, etc */
}
.back-link a:hover {
  color: #66B2FF;           /* lighter blue on hover */
}