h2 {
  font-size: 24px;
}
input[readonly] {
  background-color: #dddddd;
}
div.civcalc {
  display: inline-grid;
  grid-template-columns: max-content max-content;
  background-color: #dddddd;
  column-gap: 5px;
  padding: 4px;
  border: 4px solid #000000;
}
div.leftpanel {
  display: grid;
  grid-template-columns: auto;
  justify-items: center;
  align-items: center;
  border: 2px solid #000000;
  padding: 40px;
}
div.rightpanel {
  display: inline-flex;
  flex-direction: column;
  justify-items: center;
  padding: 0px;
  row-gap: 5px;
}
div.toprightpanel {
  display: grid;
  grid-template-columns: auto;
  justify-items: center;
  align-items: center;
  border: 2px solid #000000;
  padding: 20px;
}
div.bottomrightpanel {
  display: grid;
  grid-template-columns: auto;
  justify-items: center;
  align-items: center;
  border: 2px solid #000000;
  padding: 20px;
}
div.assetinputs {
  display: grid;
  grid-template-columns: max-content max-content;
  grid-gap: 5px;
  column-gap: 25px;
}
div.taxrateinputs {
  display: grid;
  grid-template-columns: max-content max-content;
  grid-gap: 5px;
  column-gap: 25px;
}
div.civoutputs {
  display: grid;
  grid-template-columns: max-content max-content;
  grid-gap: 5px;
  column-gap: 25px;
}
label {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
input {
  font-size: 16px;
  width: 80px;
  text-align: right;
}