/* Paragraphs above and below the image and inputs */
.main-paragraph {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }
  
  /* Remove any extra spacing around the image container */
  .image-container {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Center the triangle image horizontally */
  .centered-img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 200px !important;
  }
  
  /* Stack the three side input boxes vertically, with consistent spacing */
  .input-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.5em !important;
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }
  
  /* Make each input box only as tall as one line of text */
  .main-input-box {
    height: 1.5em !important;
    line-height: 1.5em !important;
    padding: 0.25em !important;
    min-width: 80px !important;
    box-sizing: border-box !important;
  }