button.filter {
    float: center;
    border: none;
    outline: blue;
    margin: 2px auto 2px;
    padding: 12px 16px;
    color: #fff;
    background-color: #666;
    cursor: pointer;
    align-items: center;
}
div.btn.on {
    background-color: #777;
    color: white;
}

/*
a.gallery {
	text-decoration: none;
	padding: 5px;
	float: left;
	width: 100%;
  position:
}
*/
/*
img.gallery {
    width: 20%;
    height: auto;
    border-radius: 1px;
    cursor: pointer;
    /* transition: .3s; */
/*}
*/

/*.container .gallery a img {
    float: left;
    width: 20%;
    height: auto;
    border: 1px solid #fff;
    -webkit-transition: -webkit-transform .15s ease;
    -moz-transition: -moz-transform .15s ease;
    -o-transition: -o-transform .15s ease;
    -ms-transition: -ms-transform .15s ease;
    transition: transform .15s ease;
    position: relative;
}*/

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

.inlineFuck {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
}
/* Style buttons */
.button {
  border: none;
  outline: none;
  padding: 6px 8px;
  background-color: white;
  cursor: pointer;
}

/* Add a grey background color on mouse-over */
.btn:hover {
  background-color: #ddd;
}

/* Add a dark background color to the active button */
.btn.active {
  background-color: #666;
   color: white;
}

.pagination {
    display: flex;
    justify-content: center;
    list-style: none;
}