/* -------  card design ----------------------*/
.main-section {
  display: flex;
  justify-content: center ; /*flex-start*/
  flex-wrap: wrap;
 /*background: #bbb;*/
}
.card {
  width: 300px;

  min-height: 350px;
  margin: 8px 8px 8px 8px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #faf8f8;
  box-sizing: border-box;
  position: relative;
}

.shadow{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.text-shadow{
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}