.flip {
  position: relative; }

.flip > .front,
.flip > .back {
  display: block;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: .5s;
  transition-property: transform, opacity;
  cursor: pointer; }

.flip > .front {
  transform: rotateY(0deg); }

.flip > .back {
  position: absolute;
  background: #FF6183;
  color: #fff;
  opacity: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transform: rotateY(-180deg);
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center; }
  .flip > .back h2 {
    color: #fff; }
  .flip > .back p {
    padding: 5px;
    font-size: 13px; }

.flip:hover > .front {
  transform: rotateY(180deg); }

.flip:hover > .back {
  opacity: 1;
  transform: rotateY(0deg); }

/*# sourceMappingURL=estilos.css.map */