*{
    font-family:Arial, Helvetica, sans-serif;
}

body{
    margin:0;
}

h1,h2{
    text-align: center;
}
h1{
    font-size:3rem;
}
h2{
    font-size:2rem;
}

.block{
    width:100vw;
    padding:10px 0px;
}

button,.button{
    all:unset;
    text-shadow: black 0px 0px 10px;

    border: solid 2px white;
    padding:10px 20px;
    border-radius: 100vw;
    color:white;
    backdrop-filter: invert(0.75);
    font-size:1rem;
    user-select: none;
    cursor:pointer;
    transition: filter 0.1s ease-in-out;
}
button:hover,.button:hover{
    filter:brightness(110%);
}
button:active,.button:hover{
    filter:brightness(90%);
}

.imggrid{
    /* display:flex; */
    margin:auto;
    gap:5px;
    width:fit-content;
}

.imgalt{
    width:fit-content;
    border: solid 2px gray;
    display:inline-flex;
    flex-direction: column;
    padding:5px;
    color:blue;
}
.imgalt>img{
    height:200px;
    display: block;
    margin:auto;
    padding:2px;
    border: solid 1px gray;
    cursor:pointer;
}

.galleryImg{
    height:200px;
}
@media (max-width: 768px) {
    .galleryImg {
        height: 100px;
    }
}
.galleryGrid{
    display: flex;
    flex-wrap: wrap;
    gap:5px;
    max-width: 1200px;
    width:100vw;
    margin:auto;
    justify-content: center;
}