/* Four columns side by side */
.column {
  float: center;
  width: 10%;
  padding: 0 5px;
  justify-content:center;
}

/* Display the columns below each other instead of side by side on small screens */
@media screen and (max-width: 600px) {
  .column {
    width: 10%;
    display:block;
    margin-bottom:20px;
  }
}

/* Add styles to fix overlapping headers */
@media (max-width: 768px) {
  .card-header {
  	height: auto;
	padding: 10px;
}
}

/* Add some shadows to create a card effect */
.card {
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);*/
	transition:0.5s ease;
	cursor:pointer;;
}
.container:hover > :not(:hover){
	opacity:0.3;
}
.card:hover{
	transform:scale(1.1);
}


/* Some left and right padding inside the container */
.container {
  	display:flex;
	flex-wrap:wrap;
	justify-content:center;	
	border: 20px black;
  	border-radius: 15px 50px;
}

.mycontainer {
	width:100%;
  	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	
}

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

.title {
  color: grey;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto;
  gap: 2px;
  background-color: powderblue;
  padding: 10px;
}