.handjet-<uniquifier> {
  font-family: "Handjet", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "ELGR" 1,
    "ELSH" 2;
}

body {
    margin: 2%;
    background-image: url("gallery/tilegallery.gif");
    font-family: "Handjet";
     /* Zooms the page out to 90% */
  transform: scale(0.9);
  transform-origin: 0 0; /* Keeps the content anchored to the top-left */
  
  /* Counteracts the shrink so the content still spans the full viewport */
  width: calc(100% / 0.9);
  height: calc(100% / 0.9); 
  overflow-x: hidden; /* Prevents accidental horizontal scrolling */
}

.parent {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 8px;
}
    
.div2 {
    grid-column: span 3 / span 3;
    grid-row: span 3 / span 3;
    grid-column-start: 2;
    grid-row-start: 2;
    background-image: url("gallery/tilegallery2.gif");
}
        
h1, p, a {
    color:aliceblue;
}

h4 {
    font-size: 5em;
    margin: 2vh;
    line-height: 0px;
    justify-self: center;
}

.homebutton {
    
    place-self: center;
    background-color: color-mix(in srgb, dimgrey 80%, transparent);
    border-style:groove;
    border-color: aliceblue;
    border-width: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    width: fit-content;
}

.homebutton:hover {
    border-style:inset;
    background-color: color-mix(in srgb, dimgrey 60%, transparent);
}