@charset "utf-8";

.grid { 
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 10px;
  }
.grid img {
  border: 1px solid #ccc;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
  max-width: 100%;
}

.container-fluid a .btn.btn-outline-primary {
}

.bar {
  color: white;
	font: bold;
	font-style: italic;
	text-align: center;
	background-color: greenyellow;
	padding: 3px;
}

p featured {
	align-content: center
}
.spacew {
	align-content: center;
	outline-offset: 0;
	column-gap: 0px;
	padding: 10px;
	margin: 10px;
}

.btn-red {
  background-color: red; /* Red */
  border: none;
  color: white;
}

.btn-blu {
  background-color: dodgerblue; /* Blue */
  border: none;
  color: white;
}

.btn-gre {
  background-color: green; /* Green */
  border: none;
  color: white;
}

.btn-pur {
  background-color: mediumpurple; /* Purple */
  border: none;
  color: white;
}

.btn-yel {
  background-color: coral; /* Yellow */
  border: none;
  color: white;
}