body {
    background-color: lightgray;
    width: 100%;
    font-family: sans-serif;
     z-index: 1;
     margin: 0;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}


header {
    z-index: 1;
    text-align: center;
    margin: auto;
    font-size: 1.5rem;
}

h1 {
    font-size: 3rem;
}
.creation {
     font-size: .75rem;
}

.gallery {
    z-index: 1;
    width: 90vw;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: space-around;
    background-color: gray;
}

.gallery > picture {
    flex-grow: 0;
    flex-basis: 25%;
    height: auto;
    margin: 0.5em;
    
}

.bigimg {
    z-index: 10;
    width: 100vw;
    height: 100vh;
    margin: auto;
    position:fixed;
    top: 0vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.75);
}

.bigimg > img {
    margin: auto;
    max-height: 95vh;
    max-width: 95vw;
}

picture > img {
    width: 100%;
    height: auto;
    object-fit: cover;
}