body {
	background-color: var(--primary-color);
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
}
.container {
	/* width: 68%; */
	padding-top: 2.4%;
}

.row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

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

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

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

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
	background-image: linear-gradient(180deg, #2780da, #045cb4);
	/* color: black; */
	display: flex;
	align-items: center;
	justify-content: center;
}

.flip-card-back {
  background-color: var(--third-color);
  color: var(--second-color);
	display: flex;
	align-items: center;
	justify-content: center;
  transform: rotateY(180deg);
}

.flip-card-back h1 {
	font-size: 26px;
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	color: white;
	font-size: 70px;
}