/* line 3, assetic_compassOZKiKN.scss */
#login {
  margin: auto;
  padding-bottom: 90px;
}
/* line 7, assetic_compassOZKiKN.scss */
#login h1 {
  font-size: 45px;
  margin: 50px auto;
  background: none;
  border: 0;
  text-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: black;
  font-family: 'Signika', sans-serif;
  text-transform: capitalize;
}
/* line 19, assetic_compassOZKiKN.scss */
#login .flip-container {
  perspective: 1000px;
}
/* line 22, assetic_compassOZKiKN.scss */
#login .flip-container.flipped .flipper {
  transform: rotateY(180deg);
}
/* line 26, assetic_compassOZKiKN.scss */
#login .flip-container, #login .flip-container .front, #login .flip-container .back {
  width: 100%;
  height: 200px;
}
/* line 31, assetic_compassOZKiKN.scss */
#login .flip-container .flipper {
  transition: 1s;
  transform-style: preserve-3d;
  position: relative;
}
/* line 38, assetic_compassOZKiKN.scss */
#login .flip-container .front, #login .flip-container .back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 46, assetic_compassOZKiKN.scss */
#login .flip-container .front {
  z-index: 2;
  transform: rotateY(0deg);
}
/* line 51, assetic_compassOZKiKN.scss */
#login .flip-container .back {
  transform: rotateY(180deg);
}