#form-box
{
  width: fit-content;
  padding: 15px;
  margin: 10px auto;
  color: #fff;
  background: rgba(90, 90, 90, .75);
}
#form-box form
{
  display: flex;
  flex-direction: column;
}
#form-box span.required
{
  color:#f00;
  font-weight: 400;
}
#form-box form>div.section
{
  flex:1;
  display: flex;
  flex-direction: row;
}
#form-box form div.middle
{
  width: 500px;
  margin: auto;
}
#form-box form div.middle>.inner
{
  display: flex;
}
#form-box form>div.section>div.section
{
  flex:1;
}
#form-box form>div.section>div.section.two
{
  flex:2;
}
#form-box div.inputbox
{
  height: 5em;
  display: flex;
  flex-direction: column;
  border: solid 1px #fff;
  padding: 5px;
  margin: 5px;
  text-align: center;
}
#form-box div.inputbox input.error,#form-box div.inputbox select.error
{
  border: solid 1px #f00;
}
#form-box div.inputbox label
{
  font-size: 1.3rem;
  font-family: "Outfit";
  font-weight: 200;
  flex: 1;
}
#form-box div.inputbox input
{
  text-align: center;
}
#form-box div.inputbox textarea,#form-box div.inputbox select
{
  text-align: left;
}
#form-box div.inputbox textarea,#form-box div.inputbox select option
{
  text-align: center;
  background: rgba(90, 90, 90, .75);
}
#form-box div.inputbox input,#form-box div.inputbox select
{
  color: #fff;
  flex: 2;
  border: none;
  background: rgba(90, 90, 90, .75);
}
#form-box div.inputbox.textareabox
{
  height: 200px;
}
#form-box div.inputbox.textareabox textarea
{
  text-align: left;
  color: #fff;
  flex: 3;
  border: none;
  background: rgba(90, 90, 90, .75);
}
#form-box button
{
  flex:1;
  color: #fff;
  font-family: "Output";
  font-weight: 400;
  background: rgba(90, 90, 90, .75);
  height: 5rem;
  font-size: 2rem;
  border: solid 1px #fff;
  padding: 5px;
  margin: 5px;
  text-align: center;
}
#form-box button:active
{
  background: rgba(70, 70, 70, 1);
}