.flipcard {
    /* These fix the flipcards */
.flipcard__item-face {
    border-radius: 5px;
    border: none;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px #efefef;
    margin: 0%;
}
.flipcard__item {
    color: #222;
}
.flipcard__item-back-title {
    font-family: @title-family;
    color: #004cff;
}
.flipcard__item-face.flipcard__item-back {
    padding: 1.5rem;
}
.flipcard__item.component__item {
    margin-top: 2%;
    margin-bottom: 2%;
}
.flipcard__item-face {
    border-radius: 5px;
    border: none;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px #efefef;
    margin: 0%;
  }
  .flipcard__item {
    color: #222;
  }
  .flipcard__item-back-title {
    font-family: @title-family;
    color: #004cff;
  }
  .flipcard__item-face.flipcard__item-back {
    padding: 1.5rem;
  }
  .flipcard__item.component__item {
    margin-top: 2%;
    margin-bottom: 2%;
  }
}