.generator {
  h1, h2, h3, h4 {
    margin: 1em 0;
  }

  .unit {
    width: 55px !important;
    text-align: right !important;
  }

  .ingredient-container {
    margin: 5px 0;
  }

  .addsection {
    margin-top: -55px;
  }

  table {
    .macronutrients {
      text-align: center;
    }
  }

  #results {
    margin: 25px;

    .warning {
      //color: orangered;
    }
  }

  .ingredient-remove {
    text-align: center;
    margin: 10px;
    line-height: 50px;
    text-decoration: none;

    &.disabled {
      opacity: 0.5;
      color: silver;
      cursor: not-allowed;
    }
  }
}