.login_form {
  width:100%;
  max-width:350px;
  display:block;
  margin:0 auto;
  background:#ed1618;
  border-bottom:10px solid #74C5FB;
  padding:30px;
  position:relative;
}
.login_form:before,.login_form:after {
  position:absolute;
  content:'';
  top:8px;
  width:50px;
  height:102%;
  background:#74C5FB;
  border-radius:0px;
  z-index:-1;
}
.login_form:before {    transform:skew(3deg); 
  left:-10px;
}
.login_form:after { 
  transform:skew(-3deg);
  right:-10px; 
}

.form_title {
  margin:5px 0 40px 0;
  text-align:center;  
  color:yellow;
  text-shadow:1px 1px 1px #888;
}
.form-control,.btn {
  margin:0 auto;
  border-radius:0;
  border:0;
  transform-origin:right top;
  box-shadow:0.5px 1.5px 1px #666;
}
.btn {
  width:100%;
  background:#fff;
  cursor:pointer;
}
@keyframes show {
  from{
    opacity:0;
    border-radius:100px; 
    transform:translateY(50px);
  }
  to{
    opacity:1;
    border-radius:0;
    transform:translateY(0px);
  }
}