:root{
    --primary-dark: rgb(44, 36, 36);
    --accent: rgb(220, 198, 123);
    --primary-light: rgb(228, 255, 191);
    --mid-tone: rgb(23, 48, 23);
}
body{
    background-color:var(--primary-dark);
}
.gallery-container {
    background-color:var(--accent);
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:space-around;
    gap:10px;
    align-items: flex-start;
    padding:10px;
    width:75%;
    margin:0px auto;
}

.gallery-row {
  background-color:var(--accent);
  padding: 10px;
  font-size: 24px;
  border-radius:4px;
  margin:20px;
  display:flex;
  align-items:flex-start;
  gap:20px;
  justify-content:center;
  width:75%;
}
h3{
    text-align: center;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color:var(--mid-tone);
    margin-top:10px;
}
h1{
    color: var(--primary-light);
    text-align: center;
}
.card{
    width: 220px;
    height: auto;
    justify-content:space-between;
}
.card img{
    width:100%;
    height:180px;
    object-fit:cover;
    display:block;
}
footer{
    bottom:0;
    text-align:center;
    color:var(--accent);
}