.navbar{
    background: rgba(0, 0, 0);
}

body{
    background-color: rgb(0, 0, 0);
}

/*          GALLERY GRID            */

.gallery-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 100px 40px 40px;
}

.gallery-grid img {
    width: 100%;
    aspect-ratio: 16/ 9;
    object-fit: cover;
    display: block;
}

/*      For iPad/Mobile      */
@media (max-width: 1024px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding: 100px 20px 30px;
  }
}
/* ^^^^ For iPad/Mobile ^^^^ */

.gallery-grid img {
    cursor: pointer;
    transition: transform 0.3s ease;
  }
  
  .gallery-grid img:hover {
    transform: scale(1.02);
  }

/*      ^^^ GALLERY GRID ^^^        */


/*          IMAGE POP-UP            */

.lightbox {
    display: none;
    position: fixed;
    z-index: 999;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
  
    justify-content: center;
    align-items: center;
  }
  
  .lightbox-img {
    width: 70vw;
    height: 70vh;
  
    object-fit: contain;
  }
  
  .close {
    position: absolute;
    top: 20px;
    right: 35px;
  
    color: white;
    font-size: 40px;
    cursor: pointer;
  }

  /*       ^^^ IMAGE POP-UP ^^^        */