#urlbox {
  position: absolute;
  width: 17px;
  height: 17px;
  font-size: 16px;
  border: none;
  overflow: hidden;
  z-index: -1; /* ensures it's behind everything */
}

td {
  font-size: large;
}

.fails {
  background: red;
}






.codes {
  display: flex;
  flex-wrap: wrap;          
  justify-content: center;  
  gap: 80px;                /* more spacing between blocks */
  margin: 40px auto 80px auto;
}

.codes div {
  display: flex;
  flex-direction: column;   
  align-items: center;
  background: #f9f9f9;      
  padding: 35px;            /* bigger padding for a chunkier block */
  border-radius: 14px;      
  box-shadow: 0 6px 18px rgba(0,0,0,0.2); /* stronger shadow */
  transition: transform 0.25s; 
}

.codelabel {
  margin-top: 20px;         /* more space from image */
  font-size: 28px;          /* bigger label text */
  font-weight: 700;
  color: #222;
  text-align: center;
}

img {
  max-width: 250px;         /* bigger images */
  height: auto;
  border-radius: 10px;
  object-fit: contain;
}