html {
  height: 100%;
  min-height: 100%;
  color: white;
}

body {
  min-height: 100%;
  padding: 0;
  margin: 0;
  background-image: url(../background/3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

input[type=text], input[type=password], input[type-text]:-webkit-autofill {
  background: rgba(255, 255, 255, .8);
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, .4);
  border-radius: 5px;
  border-color: #999999;
  outline: none;
  -webkit-box-shadow: inset 1px 2px 8px rgba(0, 0, 0, .4);
}

input[type=text]:focus, input[type=password]:focus {
  background: rgba(255, 255, 255, .9);
}

.border {
  border: 1px solid rgba(255, 255, 255, .5);
  background: rgba(0, 0, 0, .2);
  border-radius: 5px;
  padding-top: 0px;
}

#main {
  padding-top: 10%;
}

.alert-message {
  border-radius: 5px;
  border: 2px solid red;
  color: red;
}

/*input:-webkit-autofill {*/
/*-webkit-box-shadow: 0 0 0px 1000px white inset;*/
/*}*/