roll20-character-sheets/Black-Hack-Mecha-Hack/MechaHack.css

textarea, input, select {
  width: 100%; /* extend the width of the grid item */
  box-sizing: border-box; /* including padding / border in width */
}

.sheet-wrapper {
  display: grid;
  grid-template-columns:  fit-content(50%) fit-content(50%);
  gap: 10px;
  justify-content: center;
  padding: 5px;
  grid-auto-rows: minmax(50px, auto);
}

.sheet-itemheader{
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:22px;
  border-radius: 15px;
  grid-column: 1 / span 2;
  grid-row: 1 / span 1;
  text-align: center;
}


.sheet-itemcallsign {
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:14px;
  border-radius: 15px;
  grid-column: 1 ;
  grid-row: 2 / span 1;
}

.sheet-itempilot {
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:14px;
  border-radius: 15px;
  grid-column: 2 ;
  grid-row: 2 / span 1;
}

.sheet-itemchassis {
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:14px;
  border-radius: 15px;
  grid-column: 1 ;
  grid-row: 3 / span 1;
}

.sheet-itemlevel {
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:14px;
  border-radius: 15px;
  grid-column: 2 ;
  grid-row: 3 / span 1;
}


.sheet-itemapmax {
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:14px;
  border-radius: 15px;
  grid-column: 1 ;
  grid-row: 4 / span 1;
}

.sheet-itemhpmax {
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:14px;
  border-radius: 15px;
  grid-column: 2 ;
  grid-row: 4 / span 1;
}



.sheet-itemapcur {
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:14px;
  border-radius: 15px;
  grid-column: 1 ;
  grid-row: 5 / span 1;
}

.sheet-itemhpcur {
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:14px;
  border-radius: 15px;
  grid-column: 2 ;
  grid-row: 5 / span 1;
}

.sheet-itemdamage {
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:14px;
  border-radius: 15px;
  grid-column: 1 ;
  grid-row: 6 / span 1;
}

.sheet-itemreactor {
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:14px;
  border-radius: 15px;
  grid-column: 2 ;
  grid-row: 6 / span 1;
}

.sheet-itempower{
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:22px;
  border-radius: 15px;
  grid-column: 1 ;
  grid-row: 7 / span 2;
}

.sheet-itempilotability{
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:14px;
  border-radius: 15px;
  grid-column: 2 ;
  grid-row: 7 / span 2;
}

.sheet-itemmobility{
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:22px;
  border-radius: 15px;
  grid-column: 1 ;
  grid-row: 9 / span 2;
}

.sheet-itemchassisability{
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:14px;
  border-radius: 15px;
  grid-column: 2 ;
  grid-row: 9 / span 2;
}

.sheet-itemsystem{
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:22px;
  border-radius: 15px;
  grid-column: 1 ;
  grid-row: 11 / span 2;
}

.sheet-itemequipment{
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:14px;
  border-radius: 15px;
  grid-column: 2 ;
  grid-row: 11 / span 2;
}

.sheet-itempresence{
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:22px;
  border-radius: 15px;
  grid-column: 1 ;
  grid-row: 13 / span 2;
}

.sheet-itemmodules{
  border: 3px solid silver;
  padding: 5px;
  font-family:Impact, sans-serif;font-size:14px;
  border-radius: 15px;
  grid-column: 2 ;
  grid-row: 13 / span 2;
}

.sheet-itemimage{
  padding: 5px;
  font-family:Impact, sans-serif;font-size:14px;
  border-radius: 15px;
  grid-column: 1 / span 2 ;
  grid-row: 15 / span 1;
}