body
{
 text-align:center;
 width:100%;
 margin:0 auto;
 padding:0px;
 font-family:helvetica;
 background-color:maroon;
}
#wrapper
{
 text-align:center;
 margin:0 auto;
 padding:0px;
 width:995px;
}
#login_form
{
 background-color:white;
 width:70%;
 
 box-shadow:0px 0px 10px 0px #2E64FE;
 padding:15px;
}
#login_form #login_label
{
 font-size:25px;
 font-weight:bold;
 color:#5882FA;
 margin:0px;
}
#login_form p
{
 margin:0px;
 margin-top:20px;
 color:#819FF7;
 font-size:17px;
 font-weight:bold;
}
#login_form input[type="text"],input[type="password"]
{
 margin-top:5px;
 width:100%;
 padding-left:5px;
}
#login_form input[type="button"]
{
 background-color:#819FF7;
 border:none;
 border-bottom:7px solid #5882FA;
 width:100%;
 border-radius:2px;
 color:white;
 font-weight:bold;
}
.shake_effect
{
 animation: shake 1s ;
}
@keyframes shake 
{
 10%, 90% 
 {
  transform: translate3d(-1px, 0, 0);
 }
  
 20%, 80% 
 {
  transform: translate3d(2px, 0, 0);
 }

 30%, 50%, 70% 
 {
  transform: translate3d(-4px, 0, 0);
 }

 40%, 60% 
 {
  transform: translate3d(4px, 0, 0);
 }
}

.show-pass {
  position: absolute;
  top: 17px;
  right: -30px;
}