/* 1. THE HIGHLIGHT COLOR */
::selection {
  background-color: #FCEE0A;
  color: #000000;
}
::-moz-selection {
  background-color: #FCEE0A;
  color: #000000;
}

/* 2. THE GLOBAL CURSOR */
body {
  cursor: url('https://files.catbox.moe/fb6wu2.png'), auto;
}

/* 3. THE HOVER CURSOR (Applies to all links and buttons) */
a, a:hover, .bordered-box a:hover, .header a:hover {
  cursor: url('https://files.catbox.moe/yj3u9i.png'), pointer;
}
/* GALLERY ALIGNMENT FIX */

/* 1. FORCE THE GRID */
.gallery-grid {
  display: grid !important;
  /* This forces exactly 3 equal columns, no matter what */
  grid-template-columns: repeat(3, 1fr) !important; 
  /* The space between the blue boxes */
  gap: 20px !important; 
  /* Forces every box in a row to stretch to match the tallest one */
  align-items: stretch !important; 
}

/* 2. FORCE THE BOXES */
.gallery-item {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  /* Stops padding and borders from breaking the width */
  box-sizing: border-box !important; 
}

/* 3. FORCE THE IMAGES */
.gallery-item img {
  width: 100% !important;
  height: 350px !important; 
  object-fit: contain !important; 
  object-position: center !important; 
  /* Removes the invisible gap that browsers sometimes put under images */
  display: block !important; 
}

/* 4. FORCE THE TEXT TO THE BOTTOM */
.item-text {
  margin-top: auto !important; 
  padding-top: 15px !important;
}