body {
  background-color: #1a1a1a;

    min-height: 100vh;
    width: 100%;
    font-family: 'Helvetica Neue', sans-serif;
    color: White;
    font-size: 20;
}

html, body{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  max-width: 100%;
}

.outlined-black {
  color: black;
  text-shadow: 
    -2px -2px 0 #000,  
     2px -2px 0 #000,
    -2px  2px 0 #000,
     2px  2px 0 #000;
     
  -webkit-text-stroke: 1px white;
}

.wall-link {
  position: relative;
  display: inline-block;
  width: 256px; 
  height: 256px;
  border: 4px solid #000;
  background-color: #fff; /* Default wall color before data loads */
  overflow: hidden;
  text-decoration: none;
  /* Ensures it behaves like your other grid items */
  box-sizing: border-box; 
}

#mini-wall {
  display: grid;
  /* 64 columns of 4px each = 256px */
  grid-template-columns: repeat(64, 4px); 
  grid-template-rows: repeat(64, 4px);
  width: 256px;
  height: 256px;
  image-rendering: pixelated;
}

.mini-pixel {
  width: 4px;
  height: 4px;
}

.wall-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-family: 'Arial Black', sans-serif;
  /* Adjusted size to look good on a 256px box */
  font-size: 60px; 
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  /* The signature heavy outline */
  text-shadow: 
    -4px -4px 0 #000,  
     4px -4px 0 #000,
    -4px  4px 0 #000,
     4px  4px 0 #000;
  pointer-events: none;
  z-index: 10;
}

.home-button, 
.home-button:visited, 
.home-button:hover, 
.home-button:active {
  color: white !important;
  text-decoration: none !important;
}