@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
table {
 font-family: 'Poppins', sans-serif;	
}

.flip-card {
  background-color: transparent;
  width: 400px;
  height: 300px;
  perspective: 1000px;
	border-radius:6px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
	border-radius:6px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card.flip .flip-card-inner {
  transform: rotateX(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
	font-family: 'Poppins', sans-serif;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
	cursor: pointer;
		border-radius:6px;

}

.flip-card-front p, .flip-card-back p {
  margin: 20px;
}
/*
.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #2980b9;
  color: white;
}
*/
.flip-card-front {
  background-color: white;
  color: black;
}

.flip-card-back {
  background-color: white;
  color: black;
}
.flip-card-back {
  transform: rotateX(180deg);
}