.header {
  font-size: 50px;
}

#maintitle {
  text-align: center;
}

.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Center the boxes */
  overflow-x: auto; /* Allow horizontal scrolling */
  padding: 10px; /* Prevent content from touching edges */
  width: 100%;
}

/* Optional: Hide scrollbar if not needed (for aesthetics) */
.row::-webkit-scrollbar {
  display: none;
}


.col-xs-4 {
  border-color: black;
  border-width: 2px;
  border-style: solid;
  box-sizing: border-box;
  display: inline-block;
  flex: 0 0 450px; /* Fixed width */
  vertical-align: top; /* Aligns boxes neatly */
}

.col-xs-4 h1 {
  text-align: center;
}

.col-xs-4 h2 {
  text-align: center;
}

.col-xs-6 h3 {
  text-align: center;
}

#calcresult {
  text-align: center;
}

#fieldselectables {
  text-align: center;
}

#p1sideconditions, .col-xs-6 .left {
  text-align: left;
}

#p2sideconditions {
  text-align: right;
}