.centerBox {

	
	    display: flex;
    justify-content: center;
    /* font-size: 3em; */
    flex-direction: column;
	    align-items: center;
	flex-grow: 2;
    height: 100%;
}

.container {
	display: flex;
}
.centerBox > h1 {
	text-align: center;
}

#buttonBar > input{
	float:right;
	height: 2em;
	
}
.centerBox ul { 
	max-width: 300px;
	margin: 0 auto;
}
.centerBox ul > li > input[type='text'], .centerBox ul > li > input[type='password']  {
	width: 50%;
}
.centerBox ul > li:not(#buttonBar) { 
	display: flex;
	justify-content: space-between;
	padding-bottom:2px;
}