body, html {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    color: black;
    font-family: 'Haben-Bold', sans-serif;
    height: 100%;
    width: 100%;
}

#canvas-container {
    width: 100%;
    height: 80%;
}

#gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: 100%;
    margin-top: 5px; /* Add margin above the gallery for spacing */
  justify-content: center; /* Zentriert die Inhalte innerhalb des Grids horizontal */
  

}

.gallery img {
  justify-self: center; /* Zentriert jedes Bild in seiner Zelle */
    width: auto; /* Each image takes 25% of the width */
    height: auto;
    /*margin: 7px; /* Adjust margin to ensure 4 images fit per row */
    text-align: center; /* Zentriert die Inhalte innerhalb des Containers */

}

#title {
    position: fixed;
    top: 10px;
    left: 12px; /* Position to top-left */
    font-size: 26px;
    font-family: 'Roboto-Semi-Bold', sans-serif;
    color: black;
    background: white;
}