/* main */
html,body{
  height: 100%;
  margin: 0px;
}
*{
  margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
body{
  padding-top:10vh;
  padding-bottom:10vh;
  background: linear-gradient(-135deg, #c850c0, #4158d0);
}

/* form */
.login-form{
  background-color: white;
  border-radius: 10px;
  margin-bottom:10vh
}

.logo{
  width:200px;
  height:200px;
  background-image: url("../logo.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.form{
  padding:5%;
  min-height: 80vh;
}
h2.heading{
  font-family: sans-serif;
  font-weight: lighter !important;
  text-align: center;
  margin-bottom: 100px;
}
input.gray{
  background-color:#e6e6e6;

}
input{
  border-radius: 1000px !important;
  margin-bottom: 20px;
}
a{
    font-weight: lighter !important;
    color: gray;
}
a:hover{
  color: black;
  text-decoration: underline;
}
@media only screen and (max-width:576px){
  #logo_border{
    border-right:0px !important;
  }
  body{
    overflow:hidden
  }
  body{
    padding-top:0px;
  }
  .logo{
    margin-top:10%;
    width:150px;
    height:150px
  }
  h2.heading{
    margin-bottom:30px;
  }
  .login-form{
    margin-bottom: 0px;
    border-radius: 0px;
  }
}