.image-grid {
  --gap: 2px;
  --num-cols: 2;
  --row-height : 250px;
  
  box-sizing: border-box;
  padding: var(--gap);
  
display: grid;
grid-template-columns: repeat(var(--num-cols), 1fr);
grid-auto-rows: var(--row-height);
gap: var(--gap);

width: fit-content;
}

.image-grid a > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.image-grid a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.image-grid a:hover img {
  transform: scale(1.08);
  }

.nav-bar {
  display: flex; 
  align-items: center;
  padding: 20px;
  padding-left: 150px; 
  font-size: 40px;
  gap: 300px; 
}

.nav-bar h2 {
  }

.nav-bar nav a {
  color: #56422d;
  text-decoration: none;
  transition: color 0.2s ease;
  gap: 80px; 
  }
  
.nav-bar nav a:visited{
  color : #ad8542;
  }  

.nav-bar nav a:hover{
  color : #73a8fa;
  }
  
.nav-bar nav a:active{
  color : #73a8fa;
  }


.content-row {
  display: flex;
  gap: 60px;
  padding: 20px;
  align-items: flex-start;
  }
  
.info-panel {
  text-align: center;
  
  width: 900px;
  height: 530px;
  
  box-sizing: border-box;
  
  border: 20px solid #ffc181;
  border-radius: 20px
  }
  
.info-panel a img{
  transition: filter 0.3s ease;
  }

.info-panel a:hover img {
  transform: scale(1.08);
}

.info-panel p {
  font-size: 25px;
  }

  
.stampz {
  display: flex; 
  justify-content: center;
  }
  
.stampz img{
   width : 200px;
   height : 200px; 
  object-fit: contain;
  }
  
  body {
  font-family: "Cherry Bomb One", cursive;
  color: #56422d;
  
}