.logo{

     width:250px;
     margin-left:20%;
     margin-bottom:10%;
     margin-top:35%;

}


.logingForm{

   font-family: 'Inter';
   font-style: normal;
   font-weight: 600;
   font-size: 14px;
   line-height: 29px;
   margin-left:1%;
   color: rgba(3, 3, 3, 0.4);
   margin-bottom:100%;

}



.loginButton{
    background: #2D3591;
    border-radius: 10px;

    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size:14px;

    color: #FCF7F7;


}


.text-center{
	color:grey;
	text-transform:uppercase;
    font-size: 15px;
    margin: -50px 0 80px 0;
    display: block;
    text-align: center;
}

.input{

}

.input:focus{

}

.introText{

    font-family: 'Passion One';
    font-style: normal;
    font-weight: 400;
    font-size: 96px;
    line-height: 106px;
    color: #FCF7F7;
    margin-top:30%;

}

.introTextFollowup{
    /* Login to Skyplus & manage your real estate */
    font-family: 'Inria Serif';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    color: #FCF7F7;

}



/* Wrong - Password*/

@keyframes shake2 {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
    border: 2px solid #ff9494;

  }
  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  100% {
    transform: translate(1px, -2px) rotate(-1deg);
    border: 1px solid #ffffff;

  }
}



.error {
  animation: shake2 0.4s ease-in-out 0s 2;


 //border-radius: 5px;
}