/* 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: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

/* Add some shadows to create a card effect */
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

/* 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:50%;
  	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;
}