body{
    background-image: url("media/backround.jpg")
}

#cardContainer{
    text-align: center;
}

#btnContainer{
    text-align: center;
    padding-top: 10px;

}

.Btn{
    font-family: verdana;
    color: hsl(0, 0%, 20%);
}

.image-grid{
    --gap: 16px;
    --num-cols: 5;
    --row-height: 300px;

    box-sizing: border-box;
    padding: var(--gap);

    display: grid;
    grid-template-columns: repeat(var(--num-cols), 1fr);
    grid-auto-rows: var(--row-height);
    gap: var(--gap);
}

.image-grid > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card{
    border-radius: 5px;
}