/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Global styles for the Angular application */
/* Color Variables */
/* brown */
/* gold */
/* grey */
/* light-grey */
html, body {
  height: 100%;
  margin: 0;
  font-family: "Noto Sans TC", sans-serif;
  background-color: #F2F2F2;
  color: #222;
  font-size: 16px;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  min-height: 100vh;
}

button {
  cursor: pointer;
}

/* Layout container */
.app-shell {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Utility classes */
.disable {
  cursor: not-allowed;
  filter: grayscale(100%);
}

.text-error {
  color: #DF3354;
}

.text-success {
  color: #62AF07;
}

.text-warn {
  color: #EAB308;
}

/*# sourceMappingURL=styles.css.map*/