body{

  padding:0;

  margin:0;

  background-size:100%;

  background-image:url("grey-smooth-halftone-line-pattern-background-vector-4659789.jpg");

  overflow-y:scroll;

}



.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;

}