.headerBackground {
    background-image: url("./banner.jpg");
    background-size: cover;
    height: 20rem;
}

.form-check-input {
  border-color: #1f3449;
}

/* flip speed for flashcard */
.flipper {
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

/* back, initially hidden pane */
.flip {
    transform: rotatey(360deg);
}

.questionCard {
    animation: slideIn 1s ease-in-out forwards;
}

.summaryGraph {
  width: 250px !important;
  height: 250px !important;
}

@keyframes slideIn {
  0% {
    transform: translateX(500px) scale(.2);
  }
  100% {
    transform: translateX(0px) scale(1);
  }
}