/* Add padding BETWEEN each column (if you want) */


/* Create three equal columns that floats next to each other */
.hide {
    display: none; /* Hide columns by default */
}

/* Clear floats after rows */
/* .row:after {
    content: "";
    display: table;
    clear: both;
} */

/* Content */


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

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: black;
  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;
}