body{
  padding:0;
  margin:0;
  background-size:100%;
}

.clear{
  clear:both;
  width:100%;
}

h1{
  margin: 40px auto;
  padding:0;
  font-size:65px;
  color:#222222;
  text-align:center;
}

.login{
  width:350px;
  padding:15px;
  margin:10px auto;
  background-color:#222222;
}

label{
  font-size:24px;
  color:#fff;
}

input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"] {
  width: calc(100% - 33px);
  margin: 10px 0 10px 0;
  padding:15px;
  border: solid 1px #ccc;
  font-size:15px;
  background-color:#ecf0f1;  
}

input[type="submit"],
input[type="button"] {
  position:relative;
  width:calc(50% - 13px);
  background-color:#B0B0B0;
  border:none;
}

input[type="submit"]:active,
input[type="button"]:active {
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
  position:relative;
  top:7px;
  -webkit-box-shadow: 0px 2px 0px #16a085;
  -moz-box-shadow: 0px 2px 0px #16a085;
  box-shadow: 0px 2px 0px #16a085;
}

input[type="submit"]{
  float:right;
}

footer{
  font-weight:900;
  width:100%;
  height:20px;
  bottom:0;
  left:0;
  text-align:center;
  background-color: #222222;
  font-size:73%;
  position:fixed;
  color: #9d9d9d;
}