.user-login-form {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 10%;
  width: 600px; }
  .user-login-form .loginButton {
    margin: auto;
    display: block; }
  .user-login-form img {
    position: relative;
    animation-name: pompoLogoAnimation;
    animation-duration: 1.5s; }
  .user-login-form .input {
    position: relative;
    animation-name: inputAnimation;
    animation-duration: 1.5s; }

@media screen and (max-width: 1200px) {
  .user-login-form {
    width: 60%; } }
@media screen and (max-width: 650px) {
  .user-login-form {
    width: 80%; } }
@keyframes pompoLogoAnimation {
  from {
    top: -10px;
    opacity: 0; }
  to {
    top: 0px;
    opacity: 1; } }
@keyframes inputAnimation {
  from {
    top: 10px;
    opacity: 0; }
  to {
    top: 0px;
    opacity: 1; } }

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