* {
  box-sizing: border-box;
  font-size: 20px;
  font-family: "Consolas";
}

fieldset {
	margin: auto;
	margin-top: 3em;
	width: 30em;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border: #aaa solid 1px;
    padding: 1.5em;
    background: #eee;
    text-shadow: 1px 1px 2px #fff inset;
    -moz-box-shadow: 1px 1px 2px #fff inset;
    -webkit-box-shadow: 1px 1px 2px #fff inset;
    box-shadow: 1px 1px 2px #fff inset;
}

fieldset legend {
	margin: auto;
    font-weight: bold;
    color: #444;
    padding: 5px 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #aaa;
    background-color: #fff;
    -moz-box-shadow: 3px 3px 15px #bbb;
    -webkit-box-shadow: 3px 3px 5px #bbb;
    box-shadow: 3px 3px 5px #bbb;
}

.login_form{
align-items:stretch;
   width: 100%;
   margin: auto;
  text-align:center;
  border-radius:1px 1px 1px 1px;
  border:1px solid #ffffff;
  vertical-align: middle;
  background-color: #ffffff;
}

body {
  margin: auto;
  height:100%;
  overflow: hidden;
}
p{
	vertical-align: middle;
    margin-top: 0px;
    margin-bottom: 0px;
}

.row{
  display:flex;
  justify-content:flex-start;
  align-items:stretch;
  flex-wrap:nowrap;
  padding-top:5px;
  padding-right:5px;
  padding-bottom:5px;
  padding-left:5px;
}
.cell{
  min-height:20px;
  flex-grow:1;
  flex-basis:100%;
}

.submit{
  min-height:20px;
  width:200px;
  text-align:center;
  flex-grow:1;
  flex-basis:100%;
  border-radius:1px 1px 1px 1px;
  border:1px solid #ddd;
  vertical-align: middle;
  background-color: #e0e0e0;
  margin-top: 5px;
  margin-bottom: 5px;
  -moz-box-shadow: 3px 3px 15px #bbb;
  -webkit-box-shadow: 3px 3px 5px #bbb;
  box-shadow: 3px 3px 5px #bbb;
}

.submit:hover {
	border: 1px solid #30a5ff;
	background-color: #30a5ff;
}

.input{
  min-height:20px;
  width:200px;
  text-align:center;
  flex-grow:1;
  flex-basis:100%;
  border-radius:1px 1px 1px 1px;
  border:1px solid #ddd;
  vertical-align: middle;
  background-color: #ffffff;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (max-width: 768px){
  .row{
    flex-wrap:wrap;
  }
}