section{
}
.auth_form{
    margin-left: auto;
    margin-right: auto;
    width:40%;
    padding:15px;
    margin-bottom:40px;
}
.auth_form>p{

    width:70%;
    margin-left: auto;
    margin-right: auto;
}
.submit{
    width:60%;
    margin-left: 13%;
    background-color: #3585e5;
    color:white;
    border-radius:5px;
}
.error{
    color:red;
    text-align:center;
    border:1 px solid green;
}


input[type=text]:focus{
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
  background-color:none;

}
input[type=text]{

     background-color:#f7f6f5;
}

input{
    margin-left: auto;
    margin-right: auto;
    width:80%;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
  .auth_form{
        width:80%;
        margin-bottom:40px;
        padding:15px;
}
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
  section {
  }
      .auth_form{
        width:100%;
        border:none;
        padding:15px;
        margin-bottom:40px;
}
}