/* global */
/* VT323*/

@import url('https://fonts.googleapis.com/css?family=Share Tech Mono');
@import url('https://fonts.googleapis.com/css?family=VT323');



.login {
  margin:0 auto;
  max-width:500px;
  margin-top: 10%;
}
.login-header {
  color:#fff;
  text-align:center;
  font-size:300%;
}
/*.login-form {
  border:.5px solid #343a40;
  background:#343a40;
  border-radius:10px;
  box-shadow:0px 0px 10px #000;
}*/
.login-form h3 {
  text-align:left;
  margin-left:40px;
  color:#fff;
}
.login-form {
  box-sizing:border-box;
  padding-top:15px;
  padding-bottom:10%;
  margin:5% auto;
  text-align:center;
}


.login input[type="text"],
.login input[type="password"] {
  max-width:400px;
  width: 80%;
  line-height:3em;
  font-family: 'Share Tech Mono', sans-serif;
  font-size: 18px;
  margin:1em 2em;
  border-radius:5px;
  border:2px solid #f2f2f2;
  outline:none;
  padding-left:10px;
}

.btnlogar {
  background-color: #343a40;
  font-family: 'Share Tech Mono', sans-serif;
  font-size: 20px;
  color: #fff;
  max-width:400px;
  width: 85%;
  line-height:2em;
  margin:1em 2em;
  border-radius:5px;
  border:2px solid #f2f2f2;
  outline:none;
  padding-left:10px;
}
.btnlogar:hover {
  background-color: #4d555d;
  font-family: 'Share Tech Mono', sans-serif;
  font-size: 20px;
  color: #fff;
  max-width:400px;
  width: 85%;
  line-height:2em;
  margin:1em 2em;
  border-radius:5px;
  border:2px solid #f2f2f2;
  outline:none;
  padding-left:10px;
}




.logo {
  float: center;
  width: 98%;
  filter: invert(19%) sepia(2%) saturate(3742%) hue-rotate(169deg) brightness(20%) contrast(83%);
  padding: 0px;
  margin: 5px;
}

.tituloAdmin {
  font-family: 'Share Tech Mono', sans-serif;
  font-size: 25px;
  color: #fff;
  text-align: center;
  margin-left: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}