styles.css

#formamain{
width: 600px;
height: 202px;
background: #f5f5f5;
color: white;


display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*
-webkit-box-align: center;
-ms-flex-align: center;
*/
align-items: center;
/*
-webkit-box-pack: center;
-ms-flex-pack: center;
*/
}


#formalabels{
  width: 80%;
  height: 95%;
  display: inline-block;
  border-style: double;
  border-width: 5px;
  border-color: green;
  float: left;
  top: auto;
  bottom: auto;
  position: relative;
}

#formabuttons{
  display: inline-block;
  width: 18%;
  border-color: green;
  top: auto;
  bottom: auto;
  position: relative;
  margin-left: 2px
}

#formacreateobject {
  background-color: #44c767;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #18ab29;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	padding: 10px 15px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #2f6627;
}
#formacreateobject:hover {
	background-color:#5cbf2a;
}
#formacreateobject:active {
	position:relative;
	top:1px;
}


#formawords{
  width: 80%;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px
}

#formabooleans{
  width: 95%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#formabooleans>button{
  background: tomato;
  border: none;
  height: 30px;
  margin: 2px;
}

#formaattributesheading, #formavattributesheading{
  text-align: center;
  text-decoration: underline;
  margin: 4px;
  color: fuchsia;
  text-transform: initial
}

#formaattributes, #formavattributes{
  display: block;
  width: 99%;
  margin-left: auto;
  margin-right: auto
}

.formaattrbtns{
  border: none;
  height: 20px;
  color: black
}